From: Simon McVittie Date: Wed, 16 Feb 2022 11:09:40 +0000 (+0000) Subject: New upstream version 4.6.1+ds X-Git-Tag: archive/raspbian/4.6.5+ds-1+rpi1~1^2~19^2~4 X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=458462c836d4c8239a1b81485796572d528102cd;p=gtk4.git New upstream version 4.6.1+ds --- 458462c836d4c8239a1b81485796572d528102cd diff --cc gtk/theme/Default/Default-dark.css index 86339793c9,0000000000..b1265be5a9 mode 100644,000000..100644 --- a/gtk/theme/Default/Default-dark.css +++ b/gtk/theme/Default/Default-dark.css @@@ -1,1868 -1,0 +1,1868 @@@ +/*************************** Check and Radio buttons * */ +/*************** Base States * */ +.background { color: #eeeeec; background-color: #353535; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #eeeeec; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: white; background-color: #2d2d2d; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #919190; background-color: #323232; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text > selection { background-color: rgba(90, 90, 90, 0.5); } + - textview > text > selection:focus-within { background-color: #15539e; } ++textview > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); } + +textview:drop(active) { caret-color: #26a269; } + +textview > border { background-color: #313131; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #030c17; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #0f3b71; background-color: rgba(15, 59, 113, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.3); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: white; background-color: #2d2d2d; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(90, 90, 90, 0.5); color: #ffffff; } + - label > selection:focus-within { background-color: #15539e; } ++label > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); } + +label:disabled { color: #919190; } + +button label:disabled { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #1b1b1b; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #202020; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #1b1b1b; background-color: #2d2d2d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #2d2d2d; background-color: white; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #15539e; color: #ffffff; } ++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #eeeeec; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #c7c7c6; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #eeeeec; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #15539e; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7e7e7d; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #15539e; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #15539e; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #26a269; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #282828; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #282828; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #26a269; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #26a269; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #15539e; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: white; border-color: #1b1b1b; background-color: #2d2d2d; } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1f76e1 0%, rgba(31, 118, 225, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #1f76e1 95%, rgba(31, 118, 225, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow:hover, button:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #eeeeec; border-color: #1b1b1b; background-image: image(#1b1b1b); box-shadow: none; } + +notebook > header > tabs > arrow:checked:active, button:checked:active { color: #eeeeec; border-color: #1b1b1b; background-image: image(#161616); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; transition: 200ms ease-out; } + +notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#323232); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #919190; border-color: #202020; background-image: image(#323232); -gtk-icon-filter: opacity(0.5); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919190; border-color: #202020; background-image: image(#292929); box-shadow: none; } + +button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; } + +button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #373737; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #2d2d2d; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #26a269; border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #919190; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd.image-button { min-width: 30px; } + +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #15539e; } + +button.suggested-action:hover { color: white; border-color: #0c2f5a; background-image: linear-gradient(to top, #13498c 20%, #134c90 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #0c2f5a; background-image: image(#103e75); box-shadow: none; } + +button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(21, 83, 158, 0.8); } + +button.suggested-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #a1b2c7; border-color: #0c2f5a; background-image: image(#143f73); box-shadow: none; } + +.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.5)); background-clip: padding-box; } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(21, 83, 158, 0.7)); background-clip: padding-box; } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#15539e); background-clip: padding-box; box-shadow: none; } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; } + +button.destructive-action:hover { color: white; border-color: #6e0d12; background-image: linear-gradient(to top, #a0131a 20%, #a5141a 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #6e0d12; background-image: image(#8a1116); box-shadow: none; } + +button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); } + +button.destructive-action:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #6e0d12; background-image: image(#84151a); box-shadow: none; } + +.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.3); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +button.font separator { background-color: transparent; } + +button.font > box { border-spacing: 6px; } + +button.font > box > box > label { font-weight: bold; } + +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #1f76e1 96%, rgba(31, 118, 225, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover { background-color: #202020; } + +modelbutton.flat:disabled { color: #919190; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(27, 27, 27, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #eeeeec; border-color: #1b1b1b; background-image: image(#232323); box-shadow: none; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.3); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.3); outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #3584e4; text-decoration: underline; } + +button.link:visited, link:visited { color: #1b6acb; } + +*:selected button.link:visited, *:selected link:visited { color: #a4c4ea; } + +button.link:hover, link:hover { color: #629fea; } + +*:selected button.link:hover, *:selected link:hover { color: #eff5fd; } + +button.link:active, link:active { color: #3584e4; } + +*:selected button.link:active, *:selected link:active { color: #d7e6fa; } + +button.link:disabled, link:disabled { color: rgba(141, 141, 141, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d7e6fa; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dbdbd9; background-image: none; border-style: none none none solid; border-color: rgba(27, 27, 27, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #eeeeec; background-color: #282828; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(145, 145, 144, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #919190; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - spinbutton.vertical > text > selection:focus-within { background-color: #15539e; color: #ffffff; } ++spinbutton.vertical > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #ffffff; } + +spinbutton.vertical > text > block-cursor { color: #2d2d2d; background-color: white; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd spinbutton.vertical > button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.3); color: white; background-color: #202020; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #1b1b1b; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #353535; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #1b1b1b; background-color: #2d2d2d; } + +searchbar > revealer > box:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.action:hover > revealer > box { background-color: #3e3b37; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #282828; background-color: #44403b; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; } + +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; } + +windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #1b1b1b; } + +windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #070707; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #070707; border-radius: 0; background: #1b1b1b linear-gradient(to top, #262626, #2b2b2b); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #353535; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#1e1e1e); border-color: #141414; border-top-color: #070707; } + +.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2e2e2e); box-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #1b1b1b; } + +window.devel headerbar.titlebar { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(21, 83, 158, 0.1)), linear-gradient(to top, #232323 3px, #282828); } + +window.devel headerbar.titlebar:backdrop { background: #353535 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#353535); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #545453; border-top-color: #545453; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.3); } + +columnview.view:disabled, treeview.view:disabled { color: #919190; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #7398c5; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #4f7aaf; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #545453; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #414141; border-top: #414141; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #030c17; } + +columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; } + +columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: silver; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: white; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #b9cbe2; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { background-color: #15539e; background-image: image(#15539e); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(238, 238, 236, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #0f3b71; } + +columnview.view > header > button, treeview.view > header > button { color: #8e8e8d; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #bebebd; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #eeeeec; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #2d2d2d; background-image: none; background-color: #15539e; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #15539e; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #545453; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #353535; background-image: none; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #2d2d2d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: #232323; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #2d2d2d; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#202020); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #202020; border-color: #202020; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #2d2d2d; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } + +popover.menu radio { border-color: #1b1b1b; } + +popover.menu radio:active { border-color: rgba(27, 27, 27, 0.5); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: white; background-color: #202020; } + +popover.menu modelbutton:selected:active { background-color: #111111; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #15539e; color: #3584e4; } + +menubar > item:disabled { color: #919190; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +notebook > header { padding: 1px; border-color: #1b1b1b; border-width: 1px; background-color: #282828; } + +notebook > header > tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #1b1b1b; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #15539e; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #1b1b1b; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #15539e; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #1b1b1b; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #15539e; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #1b1b1b; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #15539e; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #eeeeec; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header > tabs > tab:hover { color: #eeeeec; background-color: #1e1e1e; } + +notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } + +notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } + +notebook > header > tabs > tab:checked { color: #eeeeec; } + +notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } + +notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(53, 53, 53, 0.7); } + +notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header > tabs > tab button.flat:hover { color: currentColor; } + +notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } + +notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } + +notebook > header.top > tabs > tab { padding-bottom: 4px; } + +notebook > header.bottom > tabs > tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #2d2d2d; } + +/************** Scrollbars * */ +scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #1b1b1b; } + +scrollbar.bottom { border-top: 1px solid #1b1b1b; } + +scrollbar.left { border-right: 1px solid #1b1b1b; } + +scrollbar.right { border-left: 1px solid #1b1b1b; } + +scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #c9c9c7; } + +scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; } + +scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #eeeeec; border: 1px solid black; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #1b1b1b; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #1b1b1b; border-radius: 14px; color: #eeeeec; background-color: #282828; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #141414; } + +switch:checked { color: #ffffff; border-color: #030c17; background-color: #15539e; } + +switch:disabled { color: #919190; border-color: #1b1b1b; background-color: #323232; text-shadow: none; } + +switch > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #1b1b1b; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #030c17; } + +switch:disabled > slider { color: #919190; border-color: #202020; background-image: image(#323232); } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.3); } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #424242 20%, #353535 90%); border-color: #070707; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #4c4c4c 10%, #3f3f3f 90%); } + +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#282828); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#124787); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#124787); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +.osd check, .osd radio { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #282828; border-radius: 3px; background-color: #282828; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #141414; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #323232; border-color: #202020; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.3); border-color: #030c17; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 57, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #15539e; border-radius: 3px; background-color: #15539e; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #030c17; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune > trough > slider { margin: -6px; } + +scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale > trough > slider:active { border-color: #030c17; } + +scale > trough > slider:disabled { color: #919190; border-color: #202020; background-image: image(#323232); } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #030c17; } + +.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } + +.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; } + +.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #262626; } + +.osd scale > trough > slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-color: #262626; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.fine-tune > marks.top { margin-top: 3px; } + +scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } + +scale.horizontal.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-dark.png"), url("assets/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active-dark.png"), url("assets/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-dark.png"), url("assets/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active-dark.png"), url("assets/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-dark.png"), url("assets/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active-dark.png"), url("assets/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#1b1b1b); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(238, 238, 236, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #919190; border-color: #919190; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 0; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #15539e; background-color: #15539e; } + +levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; } + +levelbar > trough > block.empty { background-color: #282828; border-color: #282828; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #eeeeec; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #1b1b1b; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #1b1b1b; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #1b1b1b; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at top, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at bottom, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at left, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #020202 85%, rgba(2, 2, 2, 0)), radial-gradient(farthest-side at right, rgba(238, 238, 236, 0.07), rgba(238, 238, 236, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); } + +scrolledwindow > junction:dir(rtl) { background: #1b1b1b, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); } + +separator { background: #282828; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: white; background-color: #2d2d2d; border-color: #1b1b1b; } + +listview:backdrop, list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #545453; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #545453; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(238, 238, 236, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #2b62a6; } + +row:selected { outline-color: rgba(255, 255, 255, 0.3); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #545453; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(21, 83, 158, 0.7); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #15539e; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #15539e; color: #ffffff; } ++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #eeeeec; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #919190; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: white; border: 1px solid #1b1b1b; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #1b1b1b; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #1b1b1b; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(21, 83, 158, 0.7); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #353535; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #1b1b1b; } + +filechooser #pathbarbox { border-bottom: 1px solid #353535; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #313131; } + +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #1b1b1b; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #1b1b1b; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #202020; border-radius: 5px; color: #eeeeec; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #141414; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #1b1b1b; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #141414; } + +.navigation-sidebar > row:selected { background-color: #202020; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #141414; } + +.navigation-sidebar > row:disabled { color: #919190; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#26a269); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #15539e; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #26a269; box-shadow: inset 0 1px #26a269, inset 0 -1px #26a269; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #26a269; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#1b1b1b); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#15539e); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #353535; background-image: image(#1b1b1b), image(#1b1b1b); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: #1b1b1b; } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: #1b1b1b; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; } + +colorswatch.dark:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #1b1b1b, inset 0 0 0 1px #26a269; } + +colorswatch > overlay { border: 1px solid #1b1b1b; } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #eeeeec; outline-color: rgba(21, 83, 158, 0.7); border-color: #1b1b1b; background-image: linear-gradient(to top, #373737 2px, #3a3a3a); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button.activatable:hover > overlay { color: #eeeeec; border-color: #1b1b1b; background-image: linear-gradient(to top, #303030 20%, #323232 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(21, 83, 158, 0.7); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #232323; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #15539e; } + +.content-view .tile:disabled { background-color: #323232; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(238, 238, 236, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #1b1b1b; border-radius: 0; box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #1b1b1b, inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + - window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } ++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +tooltip.csd { border-radius: 5px; box-shadow: none; } + +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #15539e; } + +label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } + +label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8aa9ce; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-dark.png"), url("assets/text-select-start-dark@2.png")); } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-dark.png"), url("assets/text-select-end-dark@2.png")); } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-dark.png"), url("assets/slider-horz-scale-has-marks-above-dark@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover-dark.png"), url("assets/text-select-start-hover-dark@2.png")); } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover-dark.png"), url("assets/text-select-end-hover-dark@2.png")); } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active-dark.png"), url("assets/text-select-start-active-dark@2.png")); } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active-dark.png"), url("assets/text-select-end-active-dark@2.png")); } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active-dark.png"), url("assets/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #eeeeec; background-color: #2d2d2d; border: 1px solid; border-color: #1b1b1b; border-radius: 5px; box-shadow: inset 0 -3px #222222; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; caret-color: #26a269; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #1b1b1b; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #1b1b1b; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: rgba(238, 238, 236, 0.1); } + +button.emoji-section:checked { border-color: #15539e; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #15539e; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #15539e; color: #ffffff; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #202020; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #eeeeec; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #353535; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2d2d2d; +/* +base background color of selections */ +@define-color theme_selected_bg_color #15539e; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #323232; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #919190; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #2d2d2d; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #919190; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #353535; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303030; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #15539e; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #5b5b5b; +/* +widgets main borders color */ +@define-color borders #1b1b1b; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #202020; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #26ab62; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#eeeeec, 1.8); +@define-color wm_unfocused_title #919190; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#353535, 1.2); +@define-color wm_bg_b #353535; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#353535, 1.3); +@define-color wm_button_hover_color_b #353535; +@define-color wm_button_active_color_a shade(#353535, 0.85); +@define-color wm_button_active_color_b shade(#353535, 0.89); +@define-color wm_button_active_color_c shade(#353535, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #2d2d2d; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e1e; diff --cc gtk/theme/Default/Default-hc-dark.css index 2eeac1fc2b,0000000000..e850bcff2f mode 100644,000000..100644 --- a/gtk/theme/Default/Default-hc-dark.css +++ b/gtk/theme/Default/Default-hc-dark.css @@@ -1,1867 -1,0 +1,1867 @@@ +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #f3f3f1; +/* +text color for entries, views and content in general */ +@define-color theme_text_color white; +/* +widget base background color */ +@define-color theme_bg_color #303030; +/* +text widgets and the like base background color */ +@define-color theme_base_color #2d2d2d; +/* +base background color of selections */ +@define-color theme_selected_bg_color #0f3b71; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #2f2f2f; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #919191; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #2d2d2d; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #919190; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color white; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #353535; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #303030; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #0f3b71; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #5b5b5b; +/* +widgets main borders color */ +@define-color borders #686868; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #202020; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #26ab62; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#f3f3f1, 1.8); +@define-color wm_unfocused_title #919190; +@define-color wm_highlight rgba(0, 0, 0, 0); +@define-color wm_borders_edge rgba(238, 238, 236, 0.07); +@define-color wm_bg_a shade(#303030, 1.2); +@define-color wm_bg_b #303030; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#303030, 1.3); +@define-color wm_button_hover_color_b #303030; +@define-color wm_button_active_color_a shade(#303030, 0.85); +@define-color wm_button_active_color_b shade(#303030, 0.89); +@define-color wm_button_active_color_c shade(#303030, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #2d2d2d; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #1e1e1e; +/*************************** Check and Radio buttons * */ +/*************** Base States * */ +.background { color: #f3f3f1; background-color: #303030; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #f3f3f1; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: white; background-color: #2d2d2d; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #919191; background-color: #2f2f2f; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text > selection { background-color: rgba(90, 90, 90, 0.5); } + - textview > text > selection:focus-within { background-color: #0f3b71; } ++textview > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); } + +textview:drop(active) { caret-color: #26a269; } + +textview > border { background-color: #2e2e2e; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: black; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #092444; background-color: rgba(9, 36, 68, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.6); } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.6); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: white; background-color: #2d2d2d; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(90, 90, 90, 0.5); color: #ffffff; } + - label > selection:focus-within { background-color: #0f3b71; } ++label > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); } + +label:disabled { color: #919191; } + +button label:disabled { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.9; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #686868; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #161616; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(38, 38, 38, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: white; border-color: #686868; background-color: #2d2d2d; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #2d2d2d; background-color: white; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #919191; border-color: #686868; background-color: #2f2f2f; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #0f3b71; color: #ffffff; } ++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #f3f3f1; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #cbcbca; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #f3f3f1; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #0f3b71; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #7e7e7d; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #0f3b71; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(58, 58, 57, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #0f3b71; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #26a269; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #3f3f3f; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #3f3f3f; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #26a269; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #26a269; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #2d2d2d; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #2d2d2d; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #0f3b71; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: white; border-color: #686868; background-color: #2d2d2d; } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #185fb4 0%, rgba(24, 95, 180, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #185fb4 95%, rgba(24, 95, 180, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow:hover, button:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #f3f3f1; border-color: #686868; background-image: image(#1e1e1e); box-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #f3f3f1; border-color: #686868; background-image: image(#161616); box-shadow: none; } + +notebook > header > tabs > arrow:checked:active, button:checked:active { color: #f3f3f1; border-color: #686868; background-image: image(#111111); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #919190; border-color: #202020; background-image: image(#353535); box-shadow: none; transition: 200ms ease-out; } + +notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #5b5b5b; border-color: #202020; background-image: image(#2f2f2f); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #5b5b5b; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); -gtk-icon-filter: opacity(0.5); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #919191; border-color: #5d5d5d; background-image: image(#252525); box-shadow: none; } + +button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; } + +button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #323232; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #282828; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #26a269; border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #919190; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd.image-button { min-width: 30px; } + +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #030c17; background-image: linear-gradient(to top, #0e396c 2px, #0f3b71); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #0f3b71; } + +button.suggested-action:hover { color: white; border-color: #06182d; background-image: linear-gradient(to top, #0d325f 20%, #0d3463 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #06182d; background-image: image(#0a2648); box-shadow: none; } + +button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(15, 59, 113, 0.8); } + +button.suggested-action:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #9faab8; border-color: #06182d; background-image: image(#0f2b4d); box-shadow: none; } + +.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(15, 59, 113, 0.5)); background-clip: padding-box; } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(15, 59, 113, 0.7)); background-clip: padding-box; } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#0f3b71); background-clip: padding-box; box-shadow: none; } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #b2161d; } + +button.destructive-action:hover { color: white; border-color: #6e0d12; background-image: linear-gradient(to top, #a0131a 20%, #a5141a 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #6e0d12; background-image: image(#8a1116); box-shadow: none; } + +button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(178, 22, 29, 0.8); } + +button.destructive-action:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #cea1a3; border-color: #6e0d12; background-image: image(#84151a); box-shadow: none; } + +.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.5)); background-clip: padding-box; } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(178, 22, 29, 0.7)); background-clip: padding-box; } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#b2161d); background-clip: padding-box; box-shadow: none; } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +button.font separator { background-color: transparent; } + +button.font > box { border-spacing: 6px; } + +button.font > box > box > label { font-weight: bold; } + +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #185fb4 96%, rgba(24, 95, 180, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 2px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 2px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover { background-color: #161616; } + +modelbutton.flat:disabled { color: #919191; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(104, 104, 104, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #f3f3f1; border-color: #686868; background-image: image(#1e1e1e); box-shadow: none; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #030c17; background-image: linear-gradient(to top, #0e396c 2px, #0f3b71); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.6); border-color: #570b0e; background-image: linear-gradient(to top, #ae151c 2px, #b2161d); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #3584e4; text-decoration: underline; } + +button.link:visited, link:visited { color: #1b6acb; } + +*:selected button.link:visited, *:selected link:visited { color: #a4c4ea; } + +button.link:hover, link:hover { color: #629fea; } + +*:selected button.link:hover, *:selected link:hover { color: #eff5fd; } + +button.link:active, link:active { color: #3584e4; } + +*:selected button.link:active, *:selected link:active { color: #d7e6fa; } + +button.link:disabled, link:disabled { color: rgba(141, 141, 141, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d7e6fa; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #dfdfde; background-image: none; border-style: none none none solid; border-color: rgba(104, 104, 104, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #f3f3f1; background-color: #232323; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(145, 145, 145, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(12, 12, 12, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #8a8a89; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #919191; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - spinbutton.vertical > text > selection:focus-within { background-color: #0f3b71; color: #ffffff; } ++spinbutton.vertical > text > selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #ffffff; } + +spinbutton.vertical > text > block-cursor { color: #2d2d2d; background-color: white; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd spinbutton.vertical > button:first-child:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.6); color: white; background-color: #161616; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #686868; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #303030; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(38, 38, 38, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #686868; background-color: #414141; } + +searchbar > revealer > box:backdrop { border-color: #202020; background-color: #2e2e2e; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.action:hover > revealer > box { background-color: #59544e; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #757575; background-color: #5f5a53; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; } + +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; } + +windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #1b1b1b; } + +windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #070707; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #4e4e4e; border-radius: 0; background: #161616 linear-gradient(to top, #202020, #262626); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #202020; background-color: #303030; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#191919); border-color: #606060; border-top-color: #535353; } + +.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #919190; border-color: #202020; background-image: image(#2a2a2a); box-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #686868; } + +window.devel headerbar.titlebar { background: #303030 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(15, 59, 113, 0.1)), linear-gradient(to top, #1e1e1e 3px, #232323); } + +window.devel headerbar.titlebar:backdrop { background: #303030 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#303030); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #555554; border-top-color: #555554; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.6); } + +columnview.view:disabled, treeview.view:disabled { color: #919191; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #6f8aaa; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #4b6a8f; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #555554; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #414141; border-top: #414141; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: black; } + +columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; } + +columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: silver; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: white; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #b7c4d4; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { background-color: #0f3b71; background-image: image(#0f3b71); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); background-image: image(#2d2d2d); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { background-color: #303030; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(243, 243, 241, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: #092444; } + +columnview.view > header > button, treeview.view > header > button { color: #90908f; background-color: #2d2d2d; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #c1c1c0; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #f3f3f1; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #2d2d2d; background-image: none; background-color: #0f3b71; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #2d2d2d; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #0f3b71; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #555554; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #303030; background-image: none; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #2d2d2d; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: #575757; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #2d2d2d; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#161616); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #161616; border-color: #161616; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #2d2d2d; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: white; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: white; box-shadow: none; background-image: image(transparent); } + +popover.menu radio { border-color: #686868; } + +popover.menu radio:active { border-color: rgba(104, 104, 104, 0.5); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: white; background-color: #161616; } + +popover.menu modelbutton:selected:active { background-color: #0c0c0c; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #0f3b71; color: #3584e4; } + +menubar > item:disabled { color: #919191; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +notebook > header { padding: 1px; border-color: #686868; border-width: 1px; background-color: #282828; } + +notebook > header > tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #686868; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #0f3b71; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #686868; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #0f3b71; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #686868; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #0f3b71; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #686868; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #0f3b71; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #f3f3f1; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header > tabs > tab:hover { color: #f3f3f1; background-color: #1e1e1e; } + +notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(104, 104, 104, 0.3); background-color: rgba(48, 48, 48, 0.2); } + +notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } + +notebook > header > tabs > tab:checked { color: #f3f3f1; } + +notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(104, 104, 104, 0.5); background-color: rgba(48, 48, 48, 0.5); } + +notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(48, 48, 48, 0.7); } + +notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header > tabs > tab button.flat:hover { color: currentColor; } + +notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } + +notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } + +notebook > header.top > tabs > tab { padding-bottom: 4px; } + +notebook > header.bottom > tabs > tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #2d2d2d; } + +/************** Scrollbars * */ +scrollbar { background-color: #313131; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #686868; } + +scrollbar.bottom { border-top: 1px solid #686868; } + +scrollbar.left { border-right: 1px solid #686868; } + +scrollbar.right { border-left: 1px solid #686868; } + +scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #a4a4a3; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #c9c9c7; } + +scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; } + +scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #f3f3f1; border: 1px solid black; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #686868; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #686868; border-radius: 14px; color: #f3f3f1; background-color: #282828; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #141414; } + +switch:checked { color: #ffffff; border-color: #1f76e1; background-color: #15539e; } + +switch:disabled { color: #919191; border-color: #686868; background-color: #2f2f2f; text-shadow: none; } + +switch > slider { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #686868; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #1f76e1; } + +switch:disabled > slider { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.6); } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #15539e; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #5a5a5a; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, #3c3c3c 20%, #303030 90%); border-color: #4e4e4e; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:hover, radio:hover { background-image: linear-gradient(to bottom, #474747 10%, #3a3a3a 90%); } + +check:active, radio:active { box-shadow: inset 0 1px black; background-image: image(#232323); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px black; background-image: image(#124787); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #185fb4 20%, #15539e 90%); border-color: #092444; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #1b68c6 10%, #185cb0 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px black; background-image: image(#124787); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +.osd check, .osd radio { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/check-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #282828; border-radius: 3px; background-color: #282828; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #141414; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #2f2f2f; border-color: #5d5d5d; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.6); border-color: black; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(58, 58, 57, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #0f3b71; border-radius: 3px; background-color: #0f3b71; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: black; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune > trough > slider { margin: -6px; } + +scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale > trough > slider:active { border-color: black; } + +scale > trough > slider:disabled { color: #919191; border-color: #5d5d5d; background-image: image(#2f2f2f); } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: black; } + +.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.6); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(38, 38, 38, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #262626; } + +.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(12, 12, 12, 0.7)); background-clip: padding-box; background-color: #262626; } + +.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(0, 0, 0, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #262626; } + +.osd scale > trough > slider:disabled { color: #8a8a89; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(58, 58, 57, 0.5)); background-clip: padding-box; background-color: #262626; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.fine-tune > marks.top { margin-top: 3px; } + +scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } + +scale.horizontal.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-insensitive-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-hover-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-active-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-insensitive-dark.png"), url("assets-hc/slider-horz-scale-has-marks-below-insensitive-dark@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-insensitive-dark.png"), url("assets-hc/slider-vert-scale-has-marks-above-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-hover-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-hover-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-active-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-active-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-insensitive-dark.png"), url("assets-hc/slider-vert-scale-has-marks-below-insensitive-dark@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#686868); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(243, 243, 241, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #919191; border-color: #919191; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 0; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #0f3b71; background-color: #0f3b71; } + +levelbar > trough > block.full { border-color: #26ab62; background-color: #26ab62; } + +levelbar > trough > block.empty { background-color: #232323; border-color: #232323; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #f3f3f1; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #686868; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #686868; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #686868; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at top, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at bottom, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at left, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #4e4e4e 85%, rgba(78, 78, 78, 0)), radial-gradient(farthest-side at right, rgba(243, 243, 241, 0.07), rgba(243, 243, 241, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #686868, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to right, transparent 1px, #313131 1px); } + +scrolledwindow > junction:dir(rtl) { background: #686868, linear-gradient(to bottom, transparent 1px, #313131 1px), linear-gradient(to left, transparent 1px, #313131 1px); } + +separator { background: #757575; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: white; background-color: #2d2d2d; border-color: #686868; } + +listview:backdrop, list:backdrop { color: #d6d6d6; background-color: #303030; border-color: #202020; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #555554; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #555554; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(243, 243, 241, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #264e7e; } + +row:selected { outline-color: rgba(255, 255, 255, 0.6); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #555554; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(255, 255, 255, 0.6); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #0f3b71; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(90, 90, 90, 0.5); color: transparent; } + - columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #0f3b71; color: #ffffff; } ++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(21, 83, 158, 0.3); color: #f3f3f1; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(38, 38, 38, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #919191; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: white; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: white; border: 1px solid #686868; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #686868; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #686868; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(255, 255, 255, 0.6); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #303030; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #686868; } + +filechooser #pathbarbox { border-bottom: 1px solid #303030; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #2e2e2e; } + +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #686868; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #686868; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #161616; border-radius: 5px; color: #f3f3f1; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #090909; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #686868; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #090909; } + +.navigation-sidebar > row:selected { background-color: #161616; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #090909; } + +.navigation-sidebar > row:disabled { color: #919191; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#26a269); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #0f3b71; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #26a269; box-shadow: inset 0 1px #26a269, inset 0 -1px #26a269; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #26a269; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#686868); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#0f3b71); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #303030; background-image: image(#686868), image(#686868); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: #686868; } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: #686868; } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #686868, inset 0 0 0 1px #26a269; } + +colorswatch.dark:drop(active) > overlay { border-color: #26a269; box-shadow: inset 0 0 0 2px #686868, inset 0 0 0 1px #26a269; } + +colorswatch > overlay { border: 1px solid #686868; } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #f3f3f1; outline-color: rgba(255, 255, 255, 0.6); border-color: #686868; background-image: linear-gradient(to top, #323232 2px, #353535); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button.activatable:hover > overlay { color: #f3f3f1; border-color: #686868; background-image: linear-gradient(to top, #2b2b2b 20%, #2d2d2d 90%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.6); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #1e1e1e; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: black; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: #0f3b71; } + +.content-view .tile:disabled { background-color: #2f2f2f; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(243, 243, 241, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.75); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.75); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.65); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #686868; border-radius: 0; box-shadow: inset 0 0 0 4px #686868, inset 0 0 0 3px #2d2d2d, inset 0 1px rgba(238, 238, 236, 0.07); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #686868, inset 0 0 0 3px #353535, inset 0 1px rgba(238, 238, 236, 0.07); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + +window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + - window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } ++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75); } + +tooltip.csd { border-radius: 5px; box-shadow: none; } + +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #0f3b71; } + +label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } + +label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #879db8; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-dark.png"), url("assets-hc/text-select-start-dark@2.png")); } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-dark.png"), url("assets-hc/text-select-end-dark@2.png")); } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-dark@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-hover-dark.png"), url("assets-hc/text-select-start-hover-dark@2.png")); } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-hover-dark.png"), url("assets-hc/text-select-end-hover-dark@2.png")); } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover-dark@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-active-dark.png"), url("assets-hc/text-select-start-active-dark@2.png")); } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-active-dark.png"), url("assets-hc/text-select-end-active-dark@2.png")); } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active-dark.png"), url("assets-hc/slider-horz-scale-has-marks-above-active-dark@2.png")); } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #f3f3f1; background-color: #2d2d2d; border: 1px solid; border-color: #686868; border-radius: 5px; box-shadow: inset 0 -3px #505050; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #26a269; box-shadow: inset 0 0 0 1px #26a269; caret-color: #26a269; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #686868; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #686868; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: rgba(243, 243, 241, 0.1); } + +button.emoji-section:checked { border-color: #0f3b71; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #0f3b71; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #0f3b71; color: #ffffff; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #161616; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } diff --cc gtk/theme/Default/Default-hc.css index 0b288abb4a,0000000000..8931433284 mode 100644,000000..100644 --- a/gtk/theme/Default/Default-hc.css +++ b/gtk/theme/Default/Default-hc.css @@@ -1,1879 -1,0 +1,1879 @@@ +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #272c2e; +/* +text color for entries, views and content in general */ +@define-color theme_text_color black; +/* +widget base background color */ +@define-color theme_bg_color #fdfdfc; +/* +text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* +base background color of selections */ +@define-color theme_selected_bg_color #1b6acb; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #fefefd; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #929495; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #929595; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color black; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f6f5f4; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #1b6acb; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #d4cfca; +/* +widgets main borders color */ +@define-color borders #877b6e; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d0cc; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#272c2e, 1.8); +@define-color wm_unfocused_title #929595; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#fdfdfc, 1.2); +@define-color wm_bg_b #fdfdfc; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#fdfdfc, 1.3); +@define-color wm_button_hover_color_b #fdfdfc; +@define-color wm_button_active_color_a shade(#fdfdfc, 0.85); +@define-color wm_button_active_color_b shade(#fdfdfc, 0.89); +@define-color wm_button_active_color_c shade(#fdfdfc, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; +/*************************** Check and Radio buttons * */ +/*************** Base States * */ +.background { color: #272c2e; background-color: #fdfdfc; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #272c2e; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: black; background-color: #ffffff; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #929495; background-color: #fefefd; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text > selection { background-color: rgba(141, 141, 141, 0.5); } + - textview > text > selection:focus-within { background-color: #1b6acb; } ++textview > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); } + +textview:drop(active) { caret-color: #2ec27e; } + +textview > border { background-color: #fefefe; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #124787; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #15539e; background-color: rgba(21, 83, 158, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: white; } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: white; } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: black; background-color: #ffffff; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(141, 141, 141, 0.5); color: #ffffff; } + - label > selection:focus-within { background-color: #1b6acb; } ++label > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); } + +label:disabled { color: #929495; } + +button label:disabled { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.9; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #877b6e; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #e6e3e0; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #877b6e; background-color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #ffffff; background-color: black; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #929495; border-color: #877b6e; background-color: #fefefd; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #1b6acb; color: #ffffff; } ++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #272c2e; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #525658; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #272c2e; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #1b6acb; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a7aaaa; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #1b6acb; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #1b6acb; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #2ec27e; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #dbd7d4; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #dbd7d4; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #2ec27e; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2ec27e; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #ffffff; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #1b6acb; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: black; border-color: #877b6e; background-color: #ffffff; } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #1b6acb 0%, rgba(27, 106, 203, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #1b6acb 95%, rgba(27, 106, 203, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow:hover, button:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #272c2e; border-color: #877b6e; background-image: image(#dfdbd8); box-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #272c2e; border-color: #877b6e; background-image: image(#d6d1cd); box-shadow: none; } + +notebook > header > tabs > arrow:checked:active, button:checked:active { color: #272c2e; border-color: #877b6e; background-image: image(#cdc7c1); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); box-shadow: none; transition: 200ms ease-out; } + +notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#fefefd); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); -gtk-icon-filter: opacity(0.5); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929495; border-color: #9e958b; background-image: image(#ebebeb); box-shadow: none; } + +button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; } + +button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #dfdbd8; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #2ec27e; border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; } + +row:selected button { border-color: #124787; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd.image-button { min-width: 30px; } + +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +button.suggested-action { color: white; outline-color: white; border-color: #0f3b71; background-image: linear-gradient(to top, #1a66c2 2px, #1b6acb); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.suggested-action:focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #1b6acb; } + +button.suggested-action:hover { color: white; border-color: #124787; background-image: linear-gradient(to top, #114583, #1658a7 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #124787; background-image: image(#13498c); box-shadow: none; } + +button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(27, 106, 203, 0.8); } + +button.suggested-action:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #aac5e4; border-color: #124787; background-image: image(#2b6dbc); box-shadow: none; } + +.osd button.suggested-action { color: #eeeeec; outline-color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 106, 203, 0.5)); background-clip: padding-box; } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 106, 203, 0.7)); background-clip: padding-box; } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#1b6acb); background-clip: padding-box; box-shadow: none; } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +button.destructive-action { color: white; outline-color: white; border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.destructive-action:focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; } + +button.destructive-action:hover { color: white; border-color: #9c1319; background-image: linear-gradient(to top, #971218, #bc171e 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #9c1319; background-image: image(#a0131a); box-shadow: none; } + +button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); } + +button.destructive-action:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #9c1319; background-image: image(#dc1d27); box-shadow: none; } + +.osd button.destructive-action { color: #eeeeec; outline-color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +button.font separator { background-color: transparent; } + +button.font > box { border-spacing: 6px; } + +button.font > box > box > label { font-weight: bold; } + +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #1b6acb 96%, rgba(27, 106, 203, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover { background-color: #e6e3e0; } + +modelbutton.flat:disabled { color: #929495; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +.osd button.color > colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(135, 123, 110, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #272c2e; border-color: #877b6e; background-image: image(#dfdbd8); box-shadow: none; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: white; border-color: #0f3b71; background-image: linear-gradient(to top, #1a66c2 2px, #1b6acb); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: white; border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: white; outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #1b6acb; text-decoration: underline; } + +button.link:visited, link:visited { color: #15539e; } + +*:selected button.link:visited, *:selected link:visited { color: #a1bad8; } + +button.link:hover, link:hover { color: #3584e4; } + +*:selected button.link:hover, *:selected link:hover { color: #ebf3fc; } + +button.link:active, link:active { color: #1b6acb; } + +*:selected button.link:active, *:selected link:active { color: #d1e1f5; } + +button.link:disabled, link:disabled { color: rgba(115, 115, 115, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d1e1f5; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #3d4143; background-image: none; border-style: none none none solid; border-color: rgba(135, 123, 110, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #272c2e; background-color: #f1f0ee; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(146, 148, 149, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #929495; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - spinbutton.vertical > text > selection:focus-within { background-color: #1b6acb; color: #ffffff; } ++spinbutton.vertical > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #ffffff; } + +spinbutton.vertical > text > block-cursor { color: #ffffff; background-color: black; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd spinbutton.vertical > button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: white; color: black; background-color: #e6e3e0; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #877b6e; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #fdfdfc; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #877b6e; background-color: #d9d6d2; } + +searchbar > revealer > box:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.action:hover > revealer > box { background-color: white; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #93877b; background-color: white; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; } + +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; } + +windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; } + +windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #bab3ab; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #6e645a; border-radius: 0; background: #e6e3e0 linear-gradient(to top, #e1dedb, #e8e6e3); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #fdfdfc; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#d6d1cd); border-color: #7e7367; border-top-color: #70665c; } + +.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#ebebeb); box-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #877b6e; } + +window.devel headerbar.titlebar { background: #fdfdfc cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(27, 106, 203, 0.2)), linear-gradient(to top, #dfdcd8, #e6e3e0 3px, #f4f2f1); } + +window.devel headerbar.titlebar:backdrop { background: #fdfdfc cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#fdfdfc); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #9f958b; border-top-color: #9f958b; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: white; } + +columnview.view:disabled, treeview.view:disabled { color: #929495; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #76a6e0; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #5f96da; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #9f958b; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #ddd9d6; border-top: #ddd9d6; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #124787; } + +columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; } + +columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: black; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #bbd2ef; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { color: #ffffff; background-color: #1b6acb; background-image: image(#1b6acb); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #1b6acb; background-image: image(#ffffff); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #1b6acb; background-color: #fcfcfc; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(39, 44, 46, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } + +columnview.view > header > button, treeview.view > header > button { color: #939696; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #5d6162; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #272c2e; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ffffff; background-image: none; background-color: #1b6acb; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #1b6acb; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #9f958b; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #fdfdfc; background-image: none; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: #aaa299; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #ffffff; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e6e3e0); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #e6e3e0; border-color: #e6e3e0; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #ffffff; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); } + +popover.menu radio { border-color: #877b6e; } + +popover.menu radio:active { border-color: rgba(135, 123, 110, 0.5); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: black; background-color: #e6e3e0; } + +popover.menu modelbutton:selected:active { background-color: #ddd9d5; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #1b6acb; color: #1b6acb; } + +menubar > item:disabled { color: #929495; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +notebook > header { padding: 1px; border-color: #877b6e; border-width: 1px; background-color: #e1dedb; } + +notebook > header > tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #877b6e; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #1b6acb; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #877b6e; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #1b6acb; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #877b6e; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #1b6acb; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #877b6e; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #1b6acb; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #272c2e; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header > tabs > tab:hover { color: #272c2e; background-color: #d8d4d0; } + +notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(135, 123, 110, 0.3); background-color: rgba(253, 253, 252, 0.2); } + +notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } + +notebook > header > tabs > tab:checked { color: #272c2e; } + +notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(135, 123, 110, 0.5); background-color: rgba(253, 253, 252, 0.5); } + +notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(253, 253, 252, 0.7); } + +notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header > tabs > tab button.flat:hover { color: currentColor; } + +notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } + +notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } + +notebook > header.top > tabs > tab { padding-bottom: 4px; } + +notebook > header.bottom > tabs > tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #ffffff; } + +/************** Scrollbars * */ +scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #877b6e; } + +scrollbar.bottom { border-top: 1px solid #877b6e; } + +scrollbar.left { border-right: 1px solid #877b6e; } + +scrollbar.right { border-left: 1px solid #877b6e; } + +scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #565b5c; } + +scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; } + +scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #272c2e; border: 1px solid white; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #877b6e; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #877b6e; border-radius: 14px; color: #272c2e; background-color: #e1dedb; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #cecac5; } + +switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; } + +switch:disabled { color: #929495; border-color: #877b6e; background-color: #fefefd; text-shadow: none; } + +switch > slider { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #877b6e; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #185fb4; } + +switch:disabled > slider { color: #929495; border-color: #9e958b; background-image: image(#fefefd); } + +row:selected switch { outline-color: white; box-shadow: none; border-color: #185fb4; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #185fb4; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #6e645a; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:hover, radio:hover { background-image: image(#f2f2f2); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#d9d9d9); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +row:selected check, row:selected radio { border-color: #1b6acb; } + +.osd check, .osd radio { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/check-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets-hc/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets-hc/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #124787; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #e1dedb; border-radius: 3px; background-color: #e1dedb; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #cecac5; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #fefefd; border-color: #9e958b; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: white; border-color: #124787; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(71, 71, 71, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #1b6acb; border-radius: 3px; background-color: #1b6acb; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #124787; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune > trough > slider { margin: -6px; } + +scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale > trough > slider:active { border-color: #124787; } + +scale > trough > slider:disabled { color: #929495; border-color: #9e958b; background-image: image(#fefefd); } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #124787; } + +.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(27, 106, 203, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; } + +.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; } + +.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; } + +.osd scale > trough > slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; background-color: #353535; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.fine-tune > marks.top { margin-top: 3px; } + +scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } + +scale.horizontal.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above.png"), url("assets-hc/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active.png"), url("assets-hc/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-insensitive.png"), url("assets-hc/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below.png"), url("assets-hc/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-hover.png"), url("assets-hc/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-active.png"), url("assets-hc/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-below-insensitive.png"), url("assets-hc/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above.png"), url("assets-hc/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-hover.png"), url("assets-hc/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-active.png"), url("assets-hc/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-above-insensitive.png"), url("assets-hc/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below.png"), url("assets-hc/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-hover.png"), url("assets-hc/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-active.png"), url("assets-hc/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets-hc/slider-vert-scale-has-marks-below-insensitive.png"), url("assets-hc/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#877b6e); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(39, 44, 46, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #929495; border-color: #929495; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 0; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #1b6acb; background-color: #1b6acb; } + +levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; } + +levelbar > trough > block.empty { background-color: #f1f0ee; border-color: #f1f0ee; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #272c2e; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #877b6e; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #877b6e; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #877b6e; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at top, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at bottom, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at left, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #6b6157 85%, rgba(107, 97, 87, 0)), radial-gradient(farthest-side at right, rgba(39, 44, 46, 0.07), rgba(39, 44, 46, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #877b6e, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to right, transparent 1px, #cecece 1px); } + +scrolledwindow > junction:dir(rtl) { background: #877b6e, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to left, transparent 1px, #cecece 1px); } + +separator { background: #93877b; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: black; background-color: #ffffff; border-color: #877b6e; } + +listview:backdrop, list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #9f958b; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #9f958b; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(39, 44, 46, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #1c64bb; } + +row:selected { outline-color: white; } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #9f958b; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(27, 106, 203, 0.8); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #1b6acb; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #1b6acb; color: #ffffff; } ++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #272c2e; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #929495; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: #6d7c80; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: black; border: 1px solid #877b6e; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #877b6e; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #877b6e; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(27, 106, 203, 0.8); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #fdfdfc; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #877b6e; } + +filechooser #pathbarbox { border-bottom: 1px solid #fdfdfc; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #fefefe; } + +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #877b6e; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #877b6e; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #e6e3e0; border-radius: 5px; color: #272c2e; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #dad6d2; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #877b6e; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #dad6d2; } + +.navigation-sidebar > row:selected { background-color: #e6e3e0; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #dad6d2; } + +.navigation-sidebar > row:disabled { color: #929495; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ec27e); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #1b6acb; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ec27e; box-shadow: inset 0 1px #2ec27e, inset 0 -1px #2ec27e; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #2ec27e; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#877b6e); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#1b6acb); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #fdfdfc; background-image: image(#877b6e), image(#877b6e); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px #27a56b, inset 0 0 0 1px #2ec27e; } + +colorswatch.dark:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #2ec27e; } + +colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #272c2e; outline-color: rgba(27, 106, 203, 0.8); border-color: #877b6e; background-image: linear-gradient(to top, #fafaf9 2px, white); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button.activatable:hover > overlay { color: #272c2e; border-color: #877b6e; background-image: linear-gradient(to top, #dad6d2, #edebe9 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(27, 106, 203, 0.8); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #edebe9; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(39, 44, 46, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #877b6e; border-radius: 0; box-shadow: inset 0 0 0 4px #877b6e, inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #877b6e, inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + - window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } ++window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; } + - window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } ++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +tooltip.csd { border-radius: 5px; box-shadow: none; } + +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #1b6acb; } + +label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } + +label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #8db5e5; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start.png"), url("assets-hc/text-select-start@2.png")); } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end.png"), url("assets-hc/text-select-end@2.png")); } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above.png"), url("assets-hc/slider-horz-scale-has-marks-above@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-hover.png"), url("assets-hc/text-select-start-hover@2.png")); } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-hover.png"), url("assets-hc/text-select-end-hover@2.png")); } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-hover.png"), url("assets-hc/slider-horz-scale-has-marks-above-hover@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-start-active.png"), url("assets-hc/text-select-start-active@2.png")); } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/text-select-end-active.png"), url("assets-hc/text-select-end-active@2.png")); } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets-hc/slider-horz-scale-has-marks-above-active.png"), url("assets-hc/slider-horz-scale-has-marks-above-active@2.png")); } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #272c2e; background-color: #ffffff; border: 1px solid; border-color: #c2bcb5; border-radius: 5px; box-shadow: inset 0 -3px #fdfdfd; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; caret-color: #2ec27e; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #877b6e; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #877b6e; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: #877b6e; } + +button.emoji-section:checked { border-color: #1b6acb; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #1b6acb; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #1b6acb; color: #ffffff; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e6e3e0; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } diff --cc gtk/theme/Default/Default-light.css index df1afb6c0f,0000000000..7f0bf2b9d2 mode 100644,000000..100644 --- a/gtk/theme/Default/Default-light.css +++ b/gtk/theme/Default/Default-light.css @@@ -1,1880 -1,0 +1,1880 @@@ +/*************************** Check and Radio buttons * */ +/*************** Base States * */ +.background { color: #2e3436; background-color: #f6f5f4; } + +.background:backdrop { text-shadow: none; -gtk-icon-shadow: none; } + +dnd { color: #2e3436; } + +.normal-icons { -gtk-icon-size: 16px; } + +.large-icons { -gtk-icon-size: 32px; } + +image:disabled { -gtk-icon-filter: opacity(0.5); } + +.view, iconview, textview > text { color: black; background-color: #ffffff; } + +.view:disabled, iconview:disabled, textview > text:disabled { color: #929595; background-color: #faf9f8; } + +.view:selected:focus, iconview:selected:focus, .view:selected, iconview:selected, textview > text:selected:focus, textview > text:selected { border-radius: 3px; } + +textview > text > selection { background-color: rgba(141, 141, 141, 0.5); } + - textview > text > selection:focus-within { background-color: #3584e4; } ++textview > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); } + +textview:drop(active) { caret-color: #2ec27e; } + +textview > border { background-color: #fbfafa; } + +iconview { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +iconview { outline: 0 solid transparent; outline-offset: 4px; } + +iconview:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +iconview:drop(active) { box-shadow: none; } + +iconview > dndtarget:drop(active) { border-style: solid; border-width: 1px; border-color: #185fb4; } + +rubberband, .content-view > rubberband, columnview.view > rubberband, treeview.view > rubberband, gridview > rubberband, flowbox > rubberband { border: 1px solid #1b6acb; background-color: rgba(27, 106, 203, 0.2); } + +flowbox > flowboxchild { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +flowbox > flowboxchild { outline: 0 solid transparent; outline-offset: 4px; } + +flowbox > flowboxchild:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +flowbox > flowboxchild:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child { padding: 3px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +gridview > child { outline: 0 solid transparent; outline-offset: 4px; } + +gridview > child:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +gridview > child:selected { outline-color: rgba(255, 255, 255, 0.8); } + +gridview > child box { border-spacing: 8px; margin: 12px; } + +coverflow cover { color: black; background-color: #ffffff; border: 1px solid black; } + +label { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +label { outline: 0 solid transparent; outline-offset: 4px; } + +label:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +label > selection { background-color: rgba(141, 141, 141, 0.5); color: #ffffff; } + - label > selection:focus-within { background-color: #3584e4; } ++label > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); } + +label:disabled { color: #929595; } + +button label:disabled { color: inherit; } + +label.error { color: #cc0000; } + +label.error:disabled { color: rgba(204, 0, 0, 0.5); } + +.dim-label, .titlebar:not(headerbar) .subtitle, headerbar .subtitle, spinbutton.vertical > text > text > placeholder, spinbutton:not(.vertical) > text > placeholder, entry > text > placeholder, label.separator { opacity: 0.55; text-shadow: none; } + +window.assistant .sidebar { padding: 5px; border-top: 1px solid #cdc7c2; } + +window.assistant.csd .sidebar { border-top-style: none; } + +window.assistant .sidebar > label { padding: 6px 12px; } + +window.assistant .sidebar > label.highlight { background-color: #e8e6e3; border-radius: 5px; } + +window.aboutdialog image.large-icons { -gtk-icon-size: 128px; } + +.osd .scale-popup, .app-notification, .osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents, .osd { color: #eeeeec; border: none; background-color: rgba(53, 53, 53, 0.7); background-clip: padding-box; -gtk-icon-shadow: 0 1px black; } + +/********************* Spinner Animation * */ +@keyframes spin { to { transform: rotate(1turn); } } + +spinner { background: none; opacity: 0; -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); } + +spinner:checked { opacity: 1; animation: spin 1s linear infinite; } + +spinner:checked:disabled { opacity: 0.5; } + +/********************** General Typography * */ +.large-title { font-weight: 300; font-size: 24pt; } + +.title-1 { font-weight: 800; font-size: 20pt; } + +.title-2 { font-weight: 800; font-size: 15pt; } + +.title-3 { font-weight: 700; font-size: 15pt; } + +.title-4 { font-weight: 700; font-size: 13pt; } + +.heading { font-weight: 700; font-size: 11pt; } + +.body { font-weight: 400; font-size: 11pt; } + +.caption-heading { font-weight: 700; font-size: 9pt; } + +.caption { font-weight: 400; font-size: 9pt; } + +/**************** Text Entries * */ +spinbutton.vertical > text, spinbutton:not(.vertical), entry { min-height: 32px; padding-left: 8px; padding-right: 8px; border: 1px solid; border-radius: 5px; border-spacing: 6px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: black; border-color: #cdc7c2; background-color: #ffffff; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text, spinbutton:not(.vertical), entry { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text:focus-within, spinbutton:focus-within:not(.vertical), entry:focus-within { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text > image.left, spinbutton:not(.vertical) > image.left, entry > image.left { margin-right: 6px; } + +spinbutton.vertical > text > image.right, spinbutton:not(.vertical) > image.right, entry > image.right { margin-left: 6px; } + +spinbutton.vertical > text > text > block-cursor, spinbutton:not(.vertical) > text > block-cursor, entry > text > block-cursor { color: #ffffff; background-color: black; } + +spinbutton.vertical > text.flat, spinbutton.flat:not(.vertical), entry.flat:focus-within, entry.flat:backdrop, entry.flat:disabled, entry.flat { min-height: 0; padding: 2px; background-color: transparent; border-color: transparent; border-radius: 0; } + +spinbutton.vertical > text:focus-within > placeholder, spinbutton:focus-within:not(.vertical) > placeholder, entry:focus-within > placeholder { opacity: 0; /* We hide placeholders on focus */ } + +spinbutton.vertical > text:disabled, spinbutton:disabled:not(.vertical), entry:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; } + +spinbutton.vertical > text > text > selection, spinbutton:not(.vertical) > text > selection, entry > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: #3584e4; color: #ffffff; } ++spinbutton.vertical > text > text > selection:focus-within, spinbutton:not(.vertical) > text > selection:focus-within, entry > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #2e3436; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.error:focus-within, spinbutton.error:focus-within:not(.vertical), entry.error:focus-within { outline-color: rgba(204, 0, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.error > selection, spinbutton.error:not(.vertical) > selection, entry.error > selection { background-color: #cc0000; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { color: #f57900; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +spinbutton.vertical > text.warning, spinbutton.warning:not(.vertical), entry.warning { outline: 0 solid transparent; outline-offset: 4px; } + +spinbutton.vertical > text.warning:focus-within, spinbutton.warning:focus-within:not(.vertical), entry.warning:focus-within { outline-color: rgba(245, 121, 0, 0.5); outline-width: 2px; outline-offset: -2px; } + +spinbutton.vertical > text.warning > selection, spinbutton.warning:not(.vertical) > selection, entry.warning > selection { background-color: #f57900; } + +spinbutton.vertical > text > image, spinbutton:not(.vertical) > image, entry > image { color: #585d5e; } + +spinbutton.vertical > text > image:hover, spinbutton:not(.vertical) > image:hover, entry > image:hover { color: #2e3436; } + +spinbutton.vertical > text > image:active, spinbutton:not(.vertical) > image:active, entry > image:active { color: #3584e4; } + +spinbutton.vertical > text.password image.caps-lock-indicator, spinbutton.password:not(.vertical) image.caps-lock-indicator, entry.password image.caps-lock-indicator { color: #a7aaaa; } + +spinbutton.vertical > text:drop(active), spinbutton:drop(active):not(.vertical), entry:drop(active):focus-within, entry:drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; } + +.osd spinbutton.vertical > text, .osd spinbutton:not(.vertical), .osd entry { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton.vertical > text:focus-within, .osd spinbutton:focus-within:not(.vertical), .osd entry:focus-within { color: white; border-color: #3584e4; background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box; } + +.osd spinbutton.vertical > text:disabled, .osd spinbutton:disabled:not(.vertical), .osd entry:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: rgba(71, 71, 71, 0.5); background-clip: padding-box; } + +spinbutton.vertical > text > progress, spinbutton:not(.vertical) > progress, entry > progress { margin-bottom: 2px; } + +spinbutton.vertical > text progress > trough > progress, spinbutton:not(.vertical) progress > trough > progress, entry progress > trough > progress { background-color: transparent; background-image: none; border-radius: 0; border-width: 0 0 2px; border-color: #3584e4; border-style: solid; box-shadow: none; } + +spinbutton.vertical.linked:not(.vertical) > text:drop(active) + text, spinbutton.vertical.linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + text, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked:not(.vertical) > text:drop(active) + button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + menubutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + menubutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + dropdown > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + dropdown > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + colorbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + colorbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + fontbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + fontbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + filechooserbutton > button, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + combobox > box > button.combo, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > text:drop(active) + entry, .linked:not(.vertical) > spinbutton:drop(active):not(.vertical) + entry, .linked:not(.vertical) > entry:drop(active) + button, .linked:not(.vertical) > entry:drop(active) + menubutton > button, .linked:not(.vertical) > entry:drop(active) + dropdown > button, .linked:not(.vertical) > entry:drop(active) + colorbutton > button, .linked:not(.vertical) > entry:drop(active) + fontbutton > button, .linked:not(.vertical) > entry:drop(active) + filechooserbutton > button, .linked:not(.vertical) > entry:drop(active) + combobox > box > button.combo, spinbutton.vertical.linked:not(.vertical) > entry:drop(active) + text, .linked:not(.vertical) > entry:drop(active) + spinbutton:not(.vertical), .linked:not(.vertical) > entry:drop(active) + entry { border-left-color: #2ec27e; } + +spinbutton.vertical.linked > text:not(:disabled) + entry:not(:disabled), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + entry:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + text:not(:disabled), spinbutton.vertical.linked > spinbutton:not(:disabled):not(.vertical) + text:not(:disabled), spinbutton.vertical.linked > text:not(:disabled) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > spinbutton:not(:disabled):not(.vertical) + spinbutton:not(:disabled):not(.vertical), .linked.vertical > entry:not(:disabled) + entry:not(:disabled), spinbutton.vertical.linked > entry:not(:disabled) + text:not(:disabled), .linked.vertical > entry:not(:disabled) + spinbutton:not(:disabled):not(.vertical) { border-top-color: #f0eeed; } + +spinbutton.vertical.linked > text:disabled + text:disabled, spinbutton.vertical.linked > spinbutton:disabled:not(.vertical) + text:disabled, spinbutton.vertical.linked > text:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > spinbutton:disabled:not(.vertical) + spinbutton:disabled:not(.vertical), spinbutton.vertical.linked > text:disabled + entry:disabled, .linked.vertical > spinbutton:disabled:not(.vertical) + entry:disabled, spinbutton.vertical.linked > entry:disabled + text:disabled, .linked.vertical > entry:disabled + spinbutton:disabled:not(.vertical), .linked.vertical > entry:disabled + entry:disabled { border-top-color: #f0eeed; } + +spinbutton.vertical.linked > text + text:drop(active):not(:only-child), spinbutton.vertical.linked > spinbutton:not(.vertical) + text:drop(active):not(:only-child), spinbutton.vertical.linked > text + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > spinbutton:not(.vertical) + spinbutton:drop(active):not(:only-child):not(.vertical), spinbutton.vertical.linked > text + entry:drop(active):not(:only-child), .linked.vertical > spinbutton:not(.vertical) + entry:drop(active):not(:only-child), spinbutton.vertical.linked > entry + text:drop(active):not(:only-child), .linked.vertical > entry + spinbutton:drop(active):not(:only-child):not(.vertical), .linked.vertical > entry + entry:drop(active):not(:only-child) { border-top-color: #2ec27e; } + +spinbutton.vertical.linked > text:drop(active):not(:only-child) + text, spinbutton.vertical.linked > spinbutton:drop(active):not(:only-child):not(.vertical) + text, spinbutton.vertical.linked > text:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + spinbutton:not(.vertical), spinbutton.vertical.linked > text:drop(active):not(:only-child) + entry, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + entry, spinbutton.vertical.linked > text:drop(active):not(:only-child) + button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + menubutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + menubutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + dropdown > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + dropdown > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + colorbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + fontbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + filechooserbutton > button, spinbutton.vertical.linked > text:drop(active):not(:only-child) + combobox > box > button.combo, .linked.vertical > spinbutton:drop(active):not(:only-child):not(.vertical) + combobox > box > button.combo, spinbutton.vertical.linked > entry:drop(active):not(:only-child) + text, .linked.vertical > entry:drop(active):not(:only-child) + spinbutton:not(.vertical), .linked.vertical > entry:drop(active):not(:only-child) + entry, .linked.vertical > entry:drop(active):not(:only-child) + button, .linked.vertical > entry:drop(active):not(:only-child) + menubutton > button, .linked.vertical > entry:drop(active):not(:only-child) + dropdown > button, .linked.vertical > entry:drop(active):not(:only-child) + colorbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + fontbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + filechooserbutton > button, .linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { border-top-color: #2ec27e; } + +spinbutton.vertical > text.error, spinbutton.error:not(.vertical), entry.error { color: #cc0000; } + +treeview entry:focus-within:dir(rtl), treeview entry:focus-within:dir(ltr) { background-color: #ffffff; transition-property: color, background; } + +treeview entry.flat, treeview entry { border-radius: 0; background-image: none; background-color: #ffffff; } + +treeview entry.flat:focus-within, treeview entry:focus-within { border-color: #3584e4; } + +/******************* Editable Labels * */ +editablelabel > stack > text { color: black; border-color: #cdc7c2; background-color: #ffffff; } + +/*********** Buttons * */ +@keyframes needs_attention { from { background-image: radial-gradient(farthest-side, #3584e4 0%, rgba(53, 132, 228, 0) 0%); } + to { background-image: radial-gradient(farthest-side, #3584e4 95%, rgba(53, 132, 228, 0)); } } + +notebook > header > tabs > arrow, windowcontrols button, button { min-height: 24px; min-width: 16px; padding: 4px 9px; border: 1px solid; border-radius: 5px; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > arrow, windowcontrols button, button { outline: 0 solid transparent; outline-offset: 4px; } + +notebook > header > tabs > arrow:focus:focus-visible, button:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +notebook > header > tabs > arrow:hover, button:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); -gtk-icon-filter: brightness(1.2); } + +notebook > header > tabs > arrow.keyboard-activating, notebook > header > tabs > arrow:active, notebook > header > tabs > arrow:checked, button.keyboard-activating, button:active, button:checked { color: #2e3436; border-color: #cdc7c2; background-image: image(#dad6d2); box-shadow: none; transition-duration: 50ms; } + +notebook > header > tabs > arrow:checked:hover, button:checked:hover { color: #2e3436; border-color: #cdc7c2; background-image: image(#d1ccc7); box-shadow: none; } + +notebook > header > tabs > arrow:checked:active, button:checked:active { color: #2e3436; border-color: #cdc7c2; background-image: image(#c8c2bc); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop, button.flat:backdrop, button:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#f6f5f4); box-shadow: none; transition: 200ms ease-out; } + +notebook > header > tabs > arrow:backdrop:not(:disabled), button.flat:backdrop:not(:disabled), button:backdrop:not(:disabled) { -gtk-icon-filter: none; } + +notebook > header > tabs > arrow:backdrop:active, notebook > header > tabs > arrow:backdrop:checked, button.flat:backdrop:active, button.flat:backdrop:checked, button:backdrop:active, button:backdrop:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled, button.flat:backdrop:disabled, button:backdrop:disabled { color: #d4cfca; border-color: #d5d0cc; background-image: image(#faf9f8); box-shadow: none; } + +notebook > header > tabs > arrow:backdrop:disabled:active, notebook > header > tabs > arrow:backdrop:disabled:checked, button.flat:backdrop:disabled:active, button.flat:backdrop:disabled:checked, button:backdrop:disabled:active, button:backdrop:disabled:checked { color: #d4cfca; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; } + +notebook > header > tabs > arrow:disabled, button:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); -gtk-icon-filter: opacity(0.5); } + +notebook > header > tabs > arrow:disabled:active, notebook > header > tabs > arrow:disabled:checked, button:disabled:active, button:disabled:checked { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; } + +button.sidebar-button, notebook > header > tabs > arrow, windowcontrols button, .toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button, notebook > header > tabs > arrow.flat, button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; transition: none; } + +button.sidebar-button:hover, notebook > header > tabs > arrow:hover, windowcontrols button:hover, .toolbar > button:hover, .toolbar > :not(.linked) > button:hover, .toolbar :not(.linked) > menubutton > button:hover, .toolbar :not(.linked) > scalebutton > button:hover, .toolbar :not(.linked) > dropdown > button:hover, .toolbar :not(.linked) > colorbutton > button:hover, .toolbar :not(.linked) > fontbutton > button:hover, .toolbar :not(.linked) > appchooserbutton > button:hover, .toolbar :not(.linked) > combobox > box > button:hover, button.flat:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #dad6d2; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-duration: 500ms; } + +button.keyboard-activating.sidebar-button, notebook > header > tabs > arrow.keyboard-activating, windowcontrols button.keyboard-activating, .toolbar > button.keyboard-activating, .toolbar > :not(.linked) > button.keyboard-activating, .toolbar :not(.linked) > menubutton > button.keyboard-activating, .toolbar :not(.linked) > scalebutton > button.keyboard-activating, .toolbar :not(.linked) > dropdown > button.keyboard-activating, .toolbar :not(.linked) > colorbutton > button.keyboard-activating, .toolbar :not(.linked) > fontbutton > button.keyboard-activating, .toolbar :not(.linked) > appchooserbutton > button.keyboard-activating, .toolbar :not(.linked) > combobox > box > button.keyboard-activating, button.sidebar-button:active, notebook > header > tabs > arrow:active, windowcontrols button:active, .toolbar > button:active, .toolbar > :not(.linked) > button:active, .toolbar :not(.linked) > menubutton > button:active, .toolbar :not(.linked) > scalebutton > button:active, .toolbar :not(.linked) > dropdown > button:active, .toolbar :not(.linked) > colorbutton > button:active, .toolbar :not(.linked) > fontbutton > button:active, .toolbar :not(.linked) > appchooserbutton > button:active, .toolbar :not(.linked) > combobox > box > button:active, button.sidebar-button:checked, notebook > header > tabs > arrow:checked, windowcontrols button:checked, .toolbar > button:checked, .toolbar > :not(.linked) > button:checked, .toolbar :not(.linked) > menubutton > button:checked, .toolbar :not(.linked) > scalebutton > button:checked, .toolbar :not(.linked) > dropdown > button:checked, .toolbar :not(.linked) > colorbutton > button:checked, .toolbar :not(.linked) > fontbutton > button:checked, .toolbar :not(.linked) > appchooserbutton > button:checked, .toolbar :not(.linked) > combobox > box > button:checked, button.flat.keyboard-activating, button.flat:active, button.flat:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #cdc7c2; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +button.sidebar-button:backdrop, notebook > header > tabs > arrow:backdrop, windowcontrols button:backdrop, .toolbar > button:backdrop, .toolbar > :not(.linked) > button:backdrop, .toolbar :not(.linked) > menubutton > button:backdrop, .toolbar :not(.linked) > scalebutton > button:backdrop, .toolbar :not(.linked) > dropdown > button:backdrop, .toolbar :not(.linked) > colorbutton > button:backdrop, .toolbar :not(.linked) > fontbutton > button:backdrop, .toolbar :not(.linked) > appchooserbutton > button:backdrop, .toolbar :not(.linked) > combobox > box > button:backdrop, button.sidebar-button:disabled, notebook > header > tabs > arrow:disabled, windowcontrols button:disabled, .toolbar > button:disabled, .toolbar > :not(.linked) > button:disabled, .toolbar :not(.linked) > menubutton > button:disabled, .toolbar :not(.linked) > scalebutton > button:disabled, .toolbar :not(.linked) > dropdown > button:disabled, .toolbar :not(.linked) > colorbutton > button:disabled, .toolbar :not(.linked) > fontbutton > button:disabled, .toolbar :not(.linked) > appchooserbutton > button:disabled, .toolbar :not(.linked) > combobox > box > button:disabled, button.flat:backdrop, button.flat:disabled, button.flat:backdrop:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > arrow.image-button, button.image-button { min-width: 24px; padding-left: 5px; padding-right: 5px; } + +notebook > header > tabs > arrow.text-button, button.text-button { padding-left: 16px; padding-right: 16px; } + +notebook > header > tabs > arrow.text-button.image-button, button.text-button.image-button { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.text-button.image-button label, button.text-button.image-button label { padding-left: 8px; padding-right: 8px; } + +notebook > header > tabs > arrow.arrow-button, button.arrow-button { padding-left: 10px; padding-right: 10px; } + +notebook > header > tabs > arrow.arrow-button > box, windowcontrols button.arrow-button > box, button.arrow-button > box { border-spacing: 4px; } + +dropdown:drop(active) button.combo, combobox:drop(active) button.combo, notebook > header > tabs > arrow:drop(active), button:drop(active) { color: #2ec27e; border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; } + +row:selected button { border-color: #185fb4; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled), row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled) { color: #ffffff; border-color: transparent; } + +row:selected button.sidebar-button:not(:active):not(:checked):not(:hover):not(disabled):backdrop, row:selected button.flat:not(:active):not(:checked):not(:hover):not(disabled):backdrop { color: #fcfcfc; } + +button.osd { min-width: 26px; min-height: 32px; color: #eeeeec; border-radius: 5px; color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd.image-button { min-width: 30px; } + +button.osd.image-button:only-child { margin: 4px; border-radius: 50%; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } + +button.osd:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; border: none; box-shadow: none; } + +button.osd:active, button.osd:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; border: none; box-shadow: none; } + +.app-notification button, popover.background.touch-selection button, popover.background.magnifier button, .osd button { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.app-notification button:hover, popover.background.touch-selection button:hover, popover.background.magnifier button:hover, .osd button:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.app-notification button:active, popover.background.touch-selection button:active, popover.background.magnifier button:active, .app-notification button:checked, popover.background.touch-selection button:checked, popover.background.magnifier button:checked, .osd button:active:backdrop, .osd button:active, .osd button:checked:backdrop, .osd button:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.app-notification button:disabled, popover.background.touch-selection button:disabled, popover.background.magnifier button:disabled, .osd button:disabled:backdrop, .osd button:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +.app-notification button.flat, popover.background.touch-selection button.flat, popover.background.magnifier button.flat, .osd button.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.app-notification button.flat:hover, popover.background.touch-selection button.flat:hover, popover.background.magnifier button.flat:hover, .osd button.flat:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.app-notification button.flat:disabled, popover.background.touch-selection button.flat:disabled, popover.background.magnifier button.flat:disabled, .osd button.flat:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; background-image: none; border-color: transparent; box-shadow: none; } + +.app-notification button.flat:active, popover.background.touch-selection button.flat:active, popover.background.magnifier button.flat:active, .app-notification button.flat:checked, popover.background.touch-selection button.flat:checked, popover.background.magnifier button.flat:checked, .osd button.flat:active, .osd button.flat:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +button.suggested-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #15539e; background-image: linear-gradient(to top, #2c7fe3 2px, #3584e4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.suggested-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.suggested-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +button.suggested-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #3584e4; } + +button.suggested-action:hover { color: white; border-color: #185fb4; background-image: linear-gradient(to top, #185cb0, #1c6fd4 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.suggested-action:active, button.suggested-action:checked { color: white; border-color: #185fb4; background-image: image(#1961b9); box-shadow: none; } + +button.suggested-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(53, 132, 228, 0.8); } + +button.suggested-action:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); } + +button.suggested-action:disabled:active, button.suggested-action:disabled:checked { color: #acccf4; border-color: #185fb4; background-image: image(#2f80e3); box-shadow: none; } + +.osd button.suggested-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.5)); background-clip: padding-box; } + +.osd button.suggested-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 132, 228, 0.7)); background-clip: padding-box; } + +.osd button.suggested-action:active:backdrop, .osd button.suggested-action:active, .osd button.suggested-action:checked:backdrop, .osd button.suggested-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#3584e4); background-clip: padding-box; box-shadow: none; } + +.osd button.suggested-action:disabled:backdrop, .osd button.suggested-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +button.destructive-action { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +button.destructive-action { outline: 0 solid transparent; outline-offset: 4px; } + +button.destructive-action:focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +button.destructive-action.flat { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #e01b24; } + +button.destructive-action:hover { color: white; border-color: #9c1319; background-image: linear-gradient(to top, #971218, #bc171e 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +button.destructive-action:active, button.destructive-action:checked { color: white; border-color: #9c1319; background-image: image(#a0131a); box-shadow: none; } + +button.destructive-action.flat:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: rgba(224, 27, 36, 0.8); } + +button.destructive-action:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); } + +button.destructive-action:disabled:active, button.destructive-action:disabled:checked { color: #f1a5a8; border-color: #9c1319; background-image: image(#dc1d27); box-shadow: none; } + +.osd button.destructive-action { color: #eeeeec; outline-color: rgba(255, 255, 255, 0.8); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.5)); background-clip: padding-box; } + +.osd button.destructive-action:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(224, 27, 36, 0.7)); background-clip: padding-box; } + +.osd button.destructive-action:active:backdrop, .osd button.destructive-action:active, .osd button.destructive-action:checked:backdrop, .osd button.destructive-action:checked { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(#e01b24); background-clip: padding-box; box-shadow: none; } + +.osd button.destructive-action:disabled:backdrop, .osd button.destructive-action:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +stackswitcher > button > label { padding: 0 6px; margin: 0 -6px; } + +stackswitcher > button > image { padding: 3px 6px; margin: -3px -6px; } + +button.font separator { background-color: transparent; } + +button.font > box { border-spacing: 6px; } + +button.font > box > box > label { font-weight: bold; } + +menubutton.circular button, button.circular { min-width: 32px; min-height: 32px; padding: 0; border-radius: 9999px; } + +menubutton.circular button label, button.circular label { padding: 0; } + +stacksidebar row.needs-attention > label, stackswitcher > button.needs-attention > label, stackswitcher > button.needs-attention > image { animation: needs_attention 150ms ease-in; background-image: radial-gradient(farthest-side, #3584e4 96%, rgba(53, 132, 228, 0)); background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; background-position: right 3px, right 4px; } + +stacksidebar row.needs-attention > label:backdrop, stackswitcher > button.needs-attention > label:backdrop, stackswitcher > button.needs-attention > image:backdrop { background-size: 6px 6px, 0 0; } + +stacksidebar row.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > label:dir(rtl), stackswitcher > button.needs-attention > image:dir(rtl) { background-position: left 3px, left 4px; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:last-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:first-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(ltr), combobox.linked button:nth-child(2):dir(ltr), .linked:not(.vertical) > menubutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:last-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:first-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:last-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:last-child), .linked:not(.vertical) > button:dir(rtl):not(:last-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:first-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:first-child), .linked:not(.vertical) > button:dir(ltr):not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.linked:not(.vertical) > filechooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(rtl):not(:first-child) > box > button.combo, .linked:not(.vertical) > filechooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > appchooserbutton > combobox:dir(ltr):not(:last-child) > box > button.combo, .linked:not(.vertical) > combobox:dir(ltr):not(:last-child) > box > button.combo, dropdown.linked button:nth-child(2):dir(rtl), combobox.linked button:nth-child(2):dir(rtl), .linked:not(.vertical) > menubutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > dropdown:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > colorbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > fontbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > filechooserbutton:dir(rtl):not(:first-child) > button, .linked:not(.vertical) > menubutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > dropdown:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > colorbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > fontbutton:dir(ltr):not(:last-child) > button, .linked:not(.vertical) > filechooserbutton:dir(ltr):not(:last-child) > button, spinbutton.vertical.linked:not(.vertical) > text:dir(rtl):not(:first-child), .linked:not(.vertical) > spinbutton:dir(rtl):not(:first-child):not(.vertical), .linked:not(.vertical) > entry:dir(rtl):not(:first-child), .linked:not(.vertical) > button:dir(rtl):not(:first-child), spinbutton.vertical.linked:not(.vertical) > text:dir(ltr):not(:last-child), .linked:not(.vertical) > spinbutton:dir(ltr):not(:last-child):not(.vertical), .linked:not(.vertical) > entry:dir(ltr):not(:last-child), .linked:not(.vertical) > button:dir(ltr):not(:last-child) { border-right-style: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:first-child) > box > button.combo, .linked.vertical > combobox:not(:first-child) > box > button.combo, .linked.vertical > menubutton:not(:first-child) > button, .linked.vertical > dropdown:not(:first-child) > button, .linked.vertical > colorbutton:not(:first-child) > button, .linked.vertical > fontbutton:not(:first-child) > button, .linked.vertical > filechooserbutton:not(:first-child) > button, spinbutton.vertical.linked > text:not(:first-child), .linked.vertical > spinbutton:not(:first-child):not(.vertical), .linked.vertical > entry:not(:first-child), .linked.vertical > button:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } + +.linked.vertical > filechooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > appchooserbutton > combobox:not(:last-child) > box > button.combo, .linked.vertical > combobox:not(:last-child) > box > button.combo, .linked.vertical > menubutton:not(:last-child) > button, .linked.vertical > dropdown:not(:last-child) > button, .linked.vertical > colorbutton:not(:last-child) > button, .linked.vertical > fontbutton:not(:last-child) > button, .linked.vertical > filechooserbutton:not(:last-child) > button, spinbutton.vertical.linked > text:not(:last-child), .linked.vertical > spinbutton:not(:last-child):not(.vertical), .linked.vertical > entry:not(:last-child), .linked.vertical > button:not(:last-child) { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +.scale-popup button:hover, button.link, button.link:hover, button.link:active, button.link:checked, popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat), modelbutton.flat { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } + +/* menu buttons */ +modelbutton.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 5px; } + +modelbutton.flat:hover { background-color: #e8e6e3; } + +modelbutton.flat:disabled { color: #929595; } + +modelbutton.flat arrow { background: none; min-width: 16px; min-height: 16px; opacity: 0.3; } + +modelbutton.flat arrow:hover { background: none; } + +modelbutton.flat arrow.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } + +modelbutton.flat arrow.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } + +/* oldstyle toolbar buttons */ +.toolbar > button, .toolbar > :not(.linked) > button, .toolbar :not(.linked) > menubutton > button, .toolbar :not(.linked) > scalebutton > button, .toolbar :not(.linked) > dropdown > button, .toolbar :not(.linked) > colorbutton > button, .toolbar :not(.linked) > fontbutton > button, .toolbar :not(.linked) > appchooserbutton > button, .toolbar :not(.linked) > combobox > box > button { margin: 1px; } + +button.color { padding: 4px; } + +button.color > colorswatch:only-child { box-shadow: 0 1px rgba(0, 0, 0, 0.1); } + +button.color > colorswatch:only-child, button.color > colorswatch:only-child > overlay { border-radius: 0; } + +.osd button.color > colorswatch:only-child { box-shadow: none; } + +.osd button.color:disabled colorswatch:only-child, .osd button.color:active colorswatch:only-child, .osd button.color:checked colorswatch:only-child, button.color:disabled colorswatch:only-child, button.color:active colorswatch:only-child, button.color:checked colorswatch:only-child { box-shadow: none; } + +/* list buttons */ +/* tone down as per new designs, see issue #1473 */ +popover.menu box.circular-buttons button.circular.image-button.model, list > row button.image-button:not(.flat) { border: 1px solid rgba(205, 199, 194, 0.5); } + +popover.menu box.circular-buttons button.circular.image-button.model:hover, list > row button.image-button:not(.flat):hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.circular-buttons button.circular.image-button.model:checked, list > row button.image-button:not(.flat):active, list > row button.image-button:not(.flat):checked { color: #2e3436; border-color: #cdc7c2; background-image: image(#dad6d2); box-shadow: none; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #15539e; background-image: linear-gradient(to top, #2c7fe3 2px, #3584e4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model, list > row button.image-button.suggested-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.suggested-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.suggested-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { color: white; outline-color: rgba(255, 255, 255, 0.8); border-color: #851015; background-image: linear-gradient(to top, #d71a23 2px, #e01b24); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model, list > row button.image-button.destructive-action:not(.flat) { outline: 0 solid transparent; outline-offset: 4px; } + +popover.menu box.circular-buttons button.destructive-action.circular.image-button.model:focus:focus-visible, list > row button.image-button.destructive-action:not(.flat):focus:focus-visible { outline-color: rgba(255, 255, 255, 0.8); outline-width: 2px; outline-offset: -2px; } + +/********* Links * */ +button.link, link { color: #1b6acb; text-decoration: underline; } + +button.link:visited, link:visited { color: #15539e; } + +*:selected button.link:visited, *:selected link:visited { color: #a1bad8; } + +button.link:hover, link:hover { color: #3584e4; } + +*:selected button.link:hover, *:selected link:hover { color: #ebf3fc; } + +button.link:active, link:active { color: #1b6acb; } + +*:selected button.link:active, *:selected link:active { color: #d1e1f5; } + +button.link:disabled, link:disabled { color: rgba(115, 115, 115, 0.8); } + +button.link:selected, *:selected button.link, link:selected, *:selected link { color: #d1e1f5; } + +link { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +link { outline: 0 solid transparent; outline-offset: 4px; } + +link:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +button.link, button.link:hover, button.link:active, button.link:checked { text-shadow: none; } + +button.link > label { text-decoration: underline; } + +/***************** GtkSpinButton * */ +spinbutton { font-feature-settings: "tnum"; } + +spinbutton:not(.vertical) { padding: 0; border-spacing: 0; /* :not here just to bump specificity above that of the list button styling */ } + +.osd spinbutton:not(.vertical) > text, spinbutton:not(.vertical) > text { min-width: 28px; margin: 0; background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; padding: 6px; } + +.osd spinbutton:not(.vertical) > text:backdrop:disabled, spinbutton:not(.vertical) > text:backdrop:disabled { background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat), spinbutton:not(.vertical) > button.image-button.down:not(.flat) { min-height: 16px; margin: 0; padding-bottom: 0; padding-top: 0; color: #43484a; background-image: none; border-style: none none none solid; border-color: rgba(205, 199, 194, 0.3); border-radius: 0; box-shadow: none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { color: #2e3436; background-color: #ebe8e6; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { color: rgba(146, 149, 149, 0.3); background-color: transparent; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):active, spinbutton:not(.vertical) > button.image-button.down:not(.flat):active { background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2); } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat) { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-style: none none none solid; border-color: rgba(0, 0, 0, 0.4); border-radius: 0; box-shadow: none; -gtk-icon-shadow: 0 1px black; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl), .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl) { border-style: none solid none none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):hover, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):hover { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #eeeeec; border-color: rgba(0, 0, 0, 0.5); background-color: rgba(27, 27, 27, 0.7); -gtk-icon-shadow: 0 1px black; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):disabled, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; color: #919190; border-color: rgba(0, 0, 0, 0.5); -gtk-icon-shadow: none; box-shadow: none; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(ltr):last-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(ltr):last-child { border-radius: 0 5px 5px 0; } + +.osd spinbutton:not(.vertical) > button.image-button.up:not(.flat):dir(rtl):first-child, .osd spinbutton:not(.vertical) > button.image-button.down:not(.flat):dir(rtl):first-child { border-radius: 5px 0 0 5px; } + +spinbutton.vertical:disabled { color: #929595; } + +spinbutton.vertical:drop(active) { border-color: transparent; box-shadow: none; } + +spinbutton.vertical > text { min-height: 32px; min-width: 32px; padding: 0; border-radius: 0; } + +spinbutton.vertical > text > selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - spinbutton.vertical > text > selection:focus-within { background-color: #3584e4; color: #ffffff; } ++spinbutton.vertical > text > selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #ffffff; } + +spinbutton.vertical > text > block-cursor { color: #ffffff; background-color: black; } + +spinbutton.vertical > button { min-height: 32px; min-width: 32px; padding: 0; } + +spinbutton.vertical > button.up { border-bottom-style: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } + +spinbutton.vertical > button.down { border-top-style: none; border-top-left-radius: 0; border-top-right-radius: 0; } + +.osd spinbutton.vertical > button:first-child { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; } + +.osd spinbutton.vertical > button:first-child:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd spinbutton.vertical > button:first-child:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +treeview spinbutton:not(.vertical) { min-height: 0; border-style: none; border-radius: 0; } + +treeview spinbutton:not(.vertical) > text { min-height: 0; padding: 1px 2px; } + +/************** ComboBoxes * */ +dropdown > popover.menu.background > contents { padding: 0; } + +dropdown > button > box { border-spacing: 6px; } + +dropdown > button > box > stack > row.activatable:hover { background: none; box-shadow: none; } + +dropdown arrow, combobox arrow { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); min-height: 16px; min-width: 16px; } + +dropdown > popover.menu > contents modelbutton, combobox > popover.menu > contents modelbutton { padding-left: 9px; padding-right: 9px; } + +dropdown:drop(active), combobox:drop(active) { box-shadow: none; } + +dropdown popover, combobox popover { margin-top: 6px; padding: 0; } + +dropdown popover listview, combobox popover listview { margin: 8px 0; } + +dropdown popover listview > row.activatable, combobox popover listview > row.activatable { padding: 8px; } + +dropdown popover listview > row.activatable:selected, dropdown popover listview > row.activatable:selected:hover, combobox popover listview > row.activatable:selected, combobox popover listview > row.activatable:selected:hover { outline-color: rgba(255, 255, 255, 0.8); color: black; background-color: #e8e6e3; box-shadow: none; } + +dropdown popover .dropdown-searchbar, combobox popover .dropdown-searchbar { padding: 6px; border-bottom: 1px solid #cdc7c2; } + +/************ Toolbars * */ +searchbar > revealer > box, .toolbar { padding: 4px; border-spacing: 4px; background-color: #f6f5f4; } + +.osd .toolbar { background-color: transparent; } + +.toolbar.osd { padding: 13px; border: none; border-radius: 5px; background-color: rgba(53, 53, 53, 0.7); } + +.toolbar.osd.left, .toolbar.osd.right, .toolbar.osd.top, .toolbar.osd.bottom { border-radius: 0; } + +.toolbar.horizontal > separator { margin: 4px 0; } + +.toolbar.vertical > separator { margin: 0 4px; } + +searchbar > revealer > box { padding: 6px; border-spacing: 6px; border-width: 0 0 1px; } + +searchbar > revealer > box { border-style: solid; border-color: #cdc7c2; background-color: #eae7e5; } + +searchbar > revealer > box:backdrop { border-color: #d5d0cc; background-color: #eae8e6; box-shadow: none; transition: 200ms ease-out; } + +/************** GtkInfoBar * */ +infobar > revealer > box { padding: 8px; border-spacing: 12px; } + +infobar.action:hover > revealer > box { background-color: #f4ebe1; } + +infobar.info > revealer > box, infobar.question > revealer > box, infobar.warning > revealer > box, infobar.error > revealer > box { border-bottom: 1px solid #d8d4d0; background-color: #f1e6d9; } + +infobar .close, searchbar .close { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-width: 16px; min-height: 16px; padding: 4px; border-radius: 50%; } + +infobar .close:hover, searchbar .close:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +/***************** Title buttons * */ +windowcontrols { border-spacing: 6px; } + +windowcontrols.start:not(.empty):dir(ltr), windowcontrols.end:not(.empty):dir(rtl) { margin-right: 7px; } + +windowcontrols.start:not(.empty):dir(rtl), windowcontrols.end:not(.empty):dir(ltr) { margin-left: 7px; } + +windowcontrols button { border-radius: 9999px; padding: 6px; margin: 0 2px; min-width: 0; min-height: 0; } + +windowcontrols button:hover { border-color: transparent; background-image: none; box-shadow: none; background-color: #d1ccc7; } + +windowcontrols button:active, windowcontrols button:checked { border-color: transparent; background-image: none; box-shadow: none; background-color: #bab3ab; } + +/*************** Header bars * */ +.titlebar:not(headerbar), headerbar { padding: 0 6px; min-height: 46px; border-width: 0 0 1px; border-style: solid; border-color: #bfb8b1; border-radius: 0; background: #dfdcd8 linear-gradient(to top, #dad6d2, #e1dedb); /* Darken switchbuttons for headerbars. issue #1588 */ } + +.titlebar:backdrop:not(headerbar), headerbar:backdrop { border-color: #d5d0cc; background-color: #f6f5f4; background-image: none; transition: 200ms ease-out; } + +.titlebar:not(headerbar) .title, headerbar .title { padding-left: 12px; padding-right: 12px; font-weight: bold; } + +.titlebar:not(headerbar) .subtitle, headerbar .subtitle { font-size: smaller; padding-left: 12px; padding-right: 12px; } + +.titlebar:not(headerbar) stackswitcher > button:checked, .titlebar:not(headerbar) button.toggle:checked, headerbar stackswitcher > button:checked, headerbar button.toggle:checked { background: image(#cfcac4); border-color: #c6bfb9; border-top-color: #bab3ab; } + +.titlebar:not(headerbar) stackswitcher > button:checked:backdrop, .titlebar:not(headerbar) button.toggle:checked:backdrop, headerbar stackswitcher > button:checked:backdrop, headerbar button.toggle:checked:backdrop { color: #929595; border-color: #d5d0cc; background-image: image(#e9e9e3); box-shadow: none; } + +.tiled .titlebar:not(headerbar), .tiled-top .titlebar:not(headerbar), .tiled-left .titlebar:not(headerbar), .tiled-right .titlebar:not(headerbar), .tiled-bottom .titlebar:not(headerbar), .maximized .titlebar:not(headerbar), .fullscreen .titlebar:not(headerbar), .tiled headerbar, .tiled-top headerbar, .tiled-left headerbar, .tiled-right headerbar, .tiled-bottom headerbar, .maximized headerbar, .fullscreen headerbar { border-radius: 0; } + +.default-decoration.titlebar:not(headerbar), headerbar.default-decoration { min-height: 28px; padding: 4px; } + +.default-decoration.titlebar:not(headerbar) windowcontrols button, .default-decoration.titlebar:not(headerbar) windowcontrols menubutton, headerbar.default-decoration windowcontrols button, headerbar.default-decoration windowcontrols menubutton { min-height: 26px; min-width: 26px; margin: 0; padding: 0; } + +.default-decoration.titlebar:not(headerbar) windowcontrols menubutton button, headerbar.default-decoration windowcontrols menubutton button { min-height: 20px; min-width: 20px; margin: 0; padding: 4px; } + +.solid-csd .titlebar:dir(rtl):not(headerbar), .solid-csd .titlebar:dir(ltr):not(headerbar), .solid-csd headerbar:backdrop:dir(rtl), .solid-csd headerbar:backdrop:dir(ltr), .solid-csd headerbar:dir(rtl), .solid-csd headerbar:dir(ltr) { margin-left: -1px; margin-right: -1px; margin-top: -1px; border-radius: 0; box-shadow: none; } + +headerbar > windowhandle > box, headerbar > windowhandle > box > box.start, headerbar > windowhandle > box > box.end { border-spacing: 6px; } + +headerbar entry, headerbar spinbutton, headerbar separator:not(.sidebar), headerbar button, headerbar menubutton { margin-top: 6px; margin-bottom: 6px; } + +headerbar menubutton > button { margin-top: 0px; margin-bottom: 0px; } + +headerbar switch { margin-top: 10px; margin-bottom: 10px; } + +window.csd > .titlebar:not(headerbar) { padding: 0; background-color: transparent; background-image: none; border-style: none; border-color: transparent; } + +.titlebar:not(headerbar) separator { background-color: #cdc7c2; } + +window.devel headerbar.titlebar { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, linear-gradient(to right, transparent 65%, rgba(53, 132, 228, 0.2)), linear-gradient(to top, #d8d4d0, #dfdcd8 3px, #edebe9); } + +window.devel headerbar.titlebar:backdrop { background: #f6f5f4 cross-fade(10% -gtk-icontheme("system-run-symbolic"), image(transparent)) 90% 0/256px 256px no-repeat, image(#f6f5f4); /* background-color would flash */ } + +/************ Pathbars * */ +pathbar > button.text-button, pathbar > button.image-button, pathbar > button { padding-left: 4px; padding-right: 4px; } + +pathbar > button.text-button.image-button label { padding-left: 0; padding-right: 0; } + +pathbar > button.text-button.image-button label:last-child, pathbar > button label:last-child { padding-right: 8px; } + +pathbar > button.text-button.image-button label:first-child, pathbar > button label:first-child { padding-left: 8px; } + +pathbar > button image { padding-left: 4px; padding-right: 4px; } + +pathbar > button.slider-button { padding-left: 0; padding-right: 0; } + +/************** Tree Views * */ +columnview.view, treeview.view { border-left-color: #d7d2ce; border-top-color: #d7d2ce; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +columnview.view, treeview.view { outline: 0 solid transparent; outline-offset: 4px; } + +columnview.view:focus:focus-visible, treeview.view:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected { border-radius: 0; outline-color: rgba(255, 255, 255, 0.8); } + +columnview.view:disabled, treeview.view:disabled { color: #929595; } + +columnview.view:disabled:selected, treeview.view:disabled:selected { color: #86b5ef; } + +columnview.view:disabled:selected:backdrop, treeview.view:disabled:selected:backdrop { color: #71a8eb; } + +columnview.view.separator, treeview.view.separator { min-height: 2px; color: #d7d2ce; } + +columnview.view:backdrop, treeview.view:backdrop { border-left-color: #ddd9d6; border-top: #ddd9d6; } + +columnview.view:drop(active), treeview.view:drop(active) { box-shadow: none; } + +columnview.view > dndtarget:drop(active), treeview.view > dndtarget:drop(active) { border-style: solid none; border-width: 1px; border-color: #185fb4; } + +columnview.view > dndtarget.after:drop(active), treeview.view > dndtarget.after:drop(active) { border-top-style: none; } + +columnview.view > dndtarget.before:drop(active), treeview.view > dndtarget.before:drop(active) { border-bottom-style: none; } + +columnview.view.expander, treeview.view.expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); color: #4d4d4d; } + +columnview.view.expander:dir(rtl), treeview.view.expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +columnview.view.expander:hover, treeview.view.expander:hover { color: black; } + +columnview.view.expander:selected, treeview.view.expander:selected { color: #c2daf7; } + +columnview.view.expander:selected:hover, treeview.view.expander:selected:hover { color: #ffffff; } + +columnview.view.expander:checked, treeview.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view.progressbar, treeview.view.progressbar { color: #ffffff; background-color: #3584e4; background-image: image(#3584e4); box-shadow: none; } + +columnview.view.progressbar:selected:focus, columnview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected { color: #3584e4; background-image: image(#ffffff); } + +columnview.view.progressbar:selected:focus:backdrop, columnview.view.progressbar:selected:backdrop, treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop { color: #3584e4; background-color: #fcfcfc; } + +columnview.view.trough, treeview.view.trough { background-color: rgba(46, 52, 54, 0.1); } + +columnview.view.trough:selected:focus, columnview.view.trough:selected, treeview.view.trough:selected:focus, treeview.view.trough:selected { background-color: rgba(255, 255, 255, 0.3); } + +columnview.view > header > button, treeview.view > header > button { color: #979a9b; background-color: #ffffff; font-weight: bold; text-shadow: none; box-shadow: none; } + +columnview.view > header > button:hover, treeview.view > header > button:hover { color: #636769; box-shadow: none; transition: none; } + +columnview.view > header > button:active, treeview.view > header > button:active { color: #2e3436; transition: none; } + +columnview.view > header > button sort-indicator, treeview.view > header > button sort-indicator { min-height: 16px; min-width: 16px; } + +columnview.view > header > button sort-indicator.ascending, treeview.view > header > button sort-indicator.ascending { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +columnview.view > header > button sort-indicator.descending, treeview.view > header > button sort-indicator.descending { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +columnview.view button.dnd:active, columnview.view button.dnd:selected, columnview.view button.dnd:hover, columnview.view button.dnd, columnview.view header.button.dnd:active, columnview.view header.button.dnd:selected, columnview.view header.button.dnd:hover, columnview.view header.button.dnd, treeview.view button.dnd:active, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd, treeview.view header.button.dnd:active, treeview.view header.button.dnd:selected, treeview.view header.button.dnd:hover, treeview.view header.button.dnd { padding: 0 6px; color: #ffffff; background-image: none; background-color: #3584e4; border-style: none; border-radius: 0; box-shadow: inset 0 0 0 1px #ffffff; text-shadow: none; transition: none; } + +columnview.view acceleditor > label, treeview.view acceleditor > label { background-color: #3584e4; } + +columnview.view > header > button, treeview.view > header > button, columnview.view > header > button:hover, treeview.view > header > button:hover, columnview.view > header > button:active, treeview.view > header > button:active { padding: 0 6px; background-image: none; border-style: none none solid solid; border-color: #d7d2ce; border-radius: 0; text-shadow: none; } + +columnview.view > header > button:disabled, treeview.view > header > button:disabled { border-color: #f6f5f4; background-image: none; } + +columnview.view > header > button:last-child, treeview.view > header > button:last-child { border-right-style: none; } + +/*************** Popovers * */ +popover.background { background-color: transparent; font: initial; } + +popover.background > arrow, popover.background > contents { background-color: #ffffff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.23); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } + +popover.background:backdrop { background-color: transparent; } + +popover.background > contents { padding: 8px; border-radius: 9px; } + +popover.background > contents > list, popover.background > contents > .view, popover.background > contents > iconview, popover.background > contents > .toolbar { border-style: none; background-color: transparent; } + +popover.background > contents separator { background-color: #d9d5d1; margin: 3px; } + +popover.background > contents list separator { margin: 0; } + +.osd popover.background, popover.background.touch-selection, popover.background.magnifier { background-color: transparent; } + +.osd popover.background > arrow, .osd popover.background > contents, popover.background.touch-selection > arrow, popover.background.touch-selection > contents, popover.background.magnifier > arrow, popover.background.magnifier > contents { border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; } + +magnifier { background-color: #ffffff; } + +/********************** Popover Base Menus * */ +popover.menu { padding: 0; } + +popover.menu box.inline-buttons { padding: 0 12px; } + +popover.menu box.inline-buttons button.image-button.model { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; min-height: 30px; min-width: 30px; padding: 0; border: none; outline: none; transition: none; } + +popover.menu box.inline-buttons button.image-button.model:selected { background: image(#e8e6e3); } + +popover.menu box.circular-buttons { padding: 12px 12px 6px; } + +popover.menu box.circular-buttons button.circular.image-button.model { padding: 11px; } + +popover.menu box.circular-buttons button.circular.image-button.model:focus { background-color: #e8e6e3; border-color: #e8e6e3; } + +popover.menu > arrow, popover.menu.background > contents { background-color: #ffffff; padding: 5px; } + +popover.menu.background separator { margin: 6px 0; } + +popover.menu accelerator { color: alpha(currentColor,0.55); } + +popover.menu accelerator:dir(ltr) { margin-left: 12px; } + +popover.menu accelerator:dir(rtl) { margin-right: 12px; } + +popover.menu check, popover.menu radio { transform: scale(0.8); border-width: 1.2px; border-color: transparent; box-shadow: none; background-image: image(transparent); color: black; } + +popover.menu check:hover, popover.menu radio:hover { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); } + +popover.menu check:active, popover.menu radio:active { transform: scale(0.8); border-width: 1.2px; color: black; box-shadow: none; background-image: image(transparent); } + +popover.menu radio { border-color: #cdc7c2; } + +popover.menu radio:active { border-color: rgba(205, 199, 194, 0.5); } + +popover.menu arrow.left, popover.menu radio.left, popover.menu check.left { margin-left: -2px; margin-right: 6px; } + +popover.menu arrow.right, popover.menu radio.right, popover.menu check.right { margin-left: 6px; margin-right: -2px; } + +popover.menu modelbutton { min-height: 30px; min-width: 40px; padding: 0 12px; border-radius: 5px; } + +popover.menu modelbutton:selected { color: black; background-color: #e8e6e3; } + +popover.menu modelbutton:selected:active { background-color: #d6d1cd; } + +popover.menu label.title { font-weight: bold; padding: 4px 32px; } + +menubar { padding: 0px; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1); } + +menubar > item { min-height: 16px; padding: 4px 8px; } + +menubar > item:selected { box-shadow: inset 0 -3px #3584e4; color: #1b6acb; } + +menubar > item:disabled { color: #929595; box-shadow: none; } + +menubar > item popover.menu.background > contents { padding: 5px; } + +menubar > item popover.menu popover.menu { padding: 0 0 4px 0; } + +menubar > item popover.menu.background popover.menu.background > contents { margin: 0; border-radius: 9px; } + +/************* Notebooks * */ +notebook { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +notebook > header > tabs > tab:checked { outline: 0 solid transparent; outline-offset: 4px; } + +notebook:focus:focus-visible > header > tabs > tab:checked { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +notebook > header { padding: 1px; border-color: #cdc7c2; border-width: 1px; background-color: #e1dedb; } + +notebook > header > tabs { margin: -1px; } + +notebook > header.top { border-bottom-style: solid; } + +notebook > header.top > tabs { margin-bottom: -2px; } + +notebook > header.top > tabs > tab:hover { box-shadow: inset 0 -4px #cdc7c2; } + +notebook > header.top > tabs > tab:checked { box-shadow: inset 0 -4px #3584e4; } + +notebook > header.bottom { border-top-style: solid; } + +notebook > header.bottom > tabs { margin-top: -2px; } + +notebook > header.bottom > tabs > tab:hover { box-shadow: inset 0 4px #cdc7c2; } + +notebook > header.bottom > tabs > tab:checked { box-shadow: inset 0 4px #3584e4; } + +notebook > header.left { border-right-style: solid; } + +notebook > header.left > tabs { margin-right: -2px; } + +notebook > header.left > tabs > tab:hover { box-shadow: inset -4px 0 #cdc7c2; } + +notebook > header.left > tabs > tab:checked { box-shadow: inset -4px 0 #3584e4; } + +notebook > header.right { border-left-style: solid; } + +notebook > header.right > tabs { margin-left: -2px; } + +notebook > header.right > tabs > tab:hover { box-shadow: inset 4px 0 #cdc7c2; } + +notebook > header.right > tabs > tab:checked { box-shadow: inset 4px 0 #3584e4; } + +notebook > header.top > tabs > arrow { border-top-style: none; } + +notebook > header.bottom > tabs > arrow { border-bottom-style: none; } + +notebook > header.top > tabs > arrow, notebook > header.bottom > tabs > arrow { margin-left: -5px; margin-right: -5px; padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +notebook > header.left > tabs > arrow { border-left-style: none; } + +notebook > header.right > tabs > arrow { border-right-style: none; } + +notebook > header.left > tabs > arrow, notebook > header.right > tabs > arrow { margin-top: -5px; margin-bottom: -5px; padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +notebook > header > tabs > arrow { min-height: 16px; min-width: 16px; border-radius: 0; } + +notebook > header > tabs > arrow:hover:not(:active):not(:backdrop) { background-clip: padding-box; background-image: none; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; box-shadow: none; } + +notebook > header > tabs > arrow:disabled { border-color: transparent; background-color: transparent; background-image: none; box-shadow: none; } + +notebook > header > tabs > tab { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); min-height: 30px; min-width: 30px; padding: 3px 12px; color: #2e3436; font-weight: normal; border-width: 1px; border-color: transparent; } + +notebook > header > tabs > tab:hover { color: #2e3436; background-color: #d8d4d0; } + +notebook > header > tabs > tab.reorderable-page:hover { border-color: rgba(205, 199, 194, 0.3); background-color: rgba(246, 245, 244, 0.2); } + +notebook > header > tabs > tab:not(:checked) { outline-color: transparent; } + +notebook > header > tabs > tab:checked { color: #2e3436; } + +notebook > header > tabs > tab.reorderable-page:checked { border-color: rgba(205, 199, 194, 0.5); background-color: rgba(246, 245, 244, 0.5); } + +notebook > header > tabs > tab.reorderable-page:checked:hover { background-color: rgba(246, 245, 244, 0.7); } + +notebook > header > tabs > tab button.flat { color: alpha(currentColor,0.3); padding: 0; margin-top: 4px; margin-bottom: 4px; min-width: 20px; min-height: 20px; } + +notebook > header > tabs > tab button.flat:hover { color: currentColor; } + +notebook > header > tabs > tab button.flat:last-child { margin-left: 4px; margin-right: -4px; } + +notebook > header > tabs > tab button.flat:first-child { margin-left: -4px; margin-right: 4px; } + +notebook > header.top > tabs, notebook > header.bottom > tabs { padding-left: 4px; padding-right: 4px; } + +notebook > header.top > tabs:not(:only-child), notebook > header.bottom > tabs:not(:only-child) { margin-left: 3px; margin-right: 3px; } + +notebook > header.top > tabs:not(:only-child):first-child, notebook > header.bottom > tabs:not(:only-child):first-child { margin-left: -1px; } + +notebook > header.top > tabs:not(:only-child):last-child, notebook > header.bottom > tabs:not(:only-child):last-child { margin-right: -1px; } + +notebook > header.top > tabs > tab, notebook > header.bottom > tabs > tab { margin-left: 4px; margin-right: 4px; } + +notebook > header.top > tabs > tab.reorderable-page, notebook > header.bottom > tabs > tab.reorderable-page { border-style: none solid; } + +notebook > header.left > tabs, notebook > header.right > tabs { padding-top: 4px; padding-bottom: 4px; } + +notebook > header.left > tabs:not(:only-child), notebook > header.right > tabs:not(:only-child) { margin-top: 3px; margin-bottom: 3px; } + +notebook > header.left > tabs:not(:only-child):first-child, notebook > header.right > tabs:not(:only-child):first-child { margin-top: -1px; } + +notebook > header.left > tabs:not(:only-child):last-child, notebook > header.right > tabs:not(:only-child):last-child { margin-bottom: -1px; } + +notebook > header.left > tabs > tab, notebook > header.right > tabs > tab { margin-top: 4px; margin-bottom: 4px; } + +notebook > header.left > tabs > tab.reorderable-page, notebook > header.right > tabs > tab.reorderable-page { border-style: solid none; } + +notebook > header.top > tabs > tab { padding-bottom: 4px; } + +notebook > header.bottom > tabs > tab { padding-top: 4px; } + +notebook > stack:not(:only-child) { background-color: #ffffff; } + +/************** Scrollbars * */ +scrollbar { background-color: #cecece; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar.top { border-bottom: 1px solid #cdc7c2; } + +scrollbar.bottom { border-top: 1px solid #cdc7c2; } + +scrollbar.left { border-right: 1px solid #cdc7c2; } + +scrollbar.right { border-left: 1px solid #cdc7c2; } + +scrollbar > range > trough > slider { min-width: 8px; min-height: 8px; margin: -1px; border: 4px solid transparent; border-radius: 10px; background-clip: padding-box; background-color: #7e8182; transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scrollbar > range > trough > slider:hover { background-color: #565b5c; } + +scrollbar > range > trough > slider:hover:active { background-color: #1b6acb; } + +scrollbar > range > trough > slider:disabled { background-color: transparent; } + +scrollbar > range.fine-tune > trough > slider { transition: none; min-width: 6px; min-height: 6px; } + +scrollbar > range.fine-tune.horizontal > trough > slider { border-width: 5px 4px; } + +scrollbar > range.fine-tune.vertical > trough > slider { border-width: 4px 5px; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { border-color: transparent; opacity: 0.4; background-color: transparent; } + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) > range > trough > slider { margin: 0; min-width: 3px; min-height: 3px; background-color: #2e3436; border: 1px solid white; } + +scrollbar.overlay-indicator.horizontal:not(.dragging):not(.hovering) > range > trough > slider { margin: 0 2px; min-width: 40px; } + +scrollbar.overlay-indicator.vertical:not(.dragging):not(.hovering) > range > trough > slider { margin: 2px 0; min-height: 40px; } + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { opacity: 0.8; } + +scrollbar.horizontal > range > trough > slider { min-width: 40px; } + +scrollbar.vertical > range > trough > slider { min-height: 40px; } + +treeview ~ scrollbar.vertical { border-top: 1px solid #cdc7c2; margin-top: -1px; } + +/********** Switch * */ +switch { font-weight: bold; font-size: smaller; border: 1px solid #cdc7c2; border-radius: 14px; color: #2e3436; background-color: #e1dedb; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; /* only show i / o for the accessible theme */ } + +switch { outline: 0 solid transparent; outline-offset: 4px; } + +switch:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 0; } + +headerbar switch { background-color: #cecac5; } + +switch:checked { color: #ffffff; border-color: #185fb4; background-color: #3584e4; } + +switch:disabled { color: #929595; border-color: #cdc7c2; background-color: #faf9f8; text-shadow: none; } + +switch > slider { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); margin: -1px; min-width: 24px; min-height: 24px; border: 1px solid; border-color: #cdc7c2; border-radius: 50%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +switch > image { color: transparent; } + +switch:hover > slider { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +switch:checked > slider { border: 1px solid #185fb4; } + +switch:disabled > slider { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); } + +row:selected switch { outline-color: rgba(255, 255, 255, 0.8); box-shadow: none; border-color: #185fb4; } + +row:selected switch > slider:checked, row:selected switch > slider { border-color: #185fb4; } + +/************************* Check and Radio items * */ +.view.content-view.check:not(list), iconview.content-view.check:not(list), .content-view .tile check:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:hover:not(list), iconview.content-view.check:hover:not(list), .content-view .tile check:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:active:not(list), iconview.content-view.check:active:not(list), .content-view .tile check:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:not(list), iconview.content-view.check:backdrop:not(list), .content-view .tile check:backdrop:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: transparent; background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: none; -gtk-icon-shadow: none; } + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list), .content-view .tile check:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:hover:not(list), iconview.content-view.check:checked:hover:not(list), .content-view .tile check:checked:hover:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:checked:active:not(list), iconview.content-view.check:checked:active:not(list), .content-view .tile check:checked:active:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: #eeeeec; background-color: #3584e4; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +.view.content-view.check:backdrop:checked:not(list), iconview.content-view.check:backdrop:checked:not(list), .content-view .tile check:backdrop:checked:not(list) { margin: 4px; min-width: 32px; min-height: 32px; color: rgba(238, 238, 236, 0.8); background-color: #8d8d8d; border-radius: 5px; background-image: none; transition: 200ms; box-shadow: none; border-width: 0; -gtk-icon-source: -gtk-icontheme('object-select-symbolic'); -gtk-icon-shadow: none; } + +checkbutton { border-spacing: 4px; border-radius: 5px; transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +checkbutton { outline: 0 solid transparent; outline-offset: 4px; } + +checkbutton:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +checkbutton.text-button { padding: 4px; } + +check, radio { min-height: 14px; min-width: 14px; border: 1px solid; -gtk-icon-source: none; } + +check, radio { background-clip: padding-box; background-image: linear-gradient(to bottom, white 20%, white 90%); border-color: #bfb8b1; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:hover, radio:hover { background-image: image(#f2f2f2); } + +check:active, radio:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#d9d9d9); } + +check:disabled, radio:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:checked, radio:checked { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:checked:hover, radio:checked:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:checked:active, radio:checked:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); } + +check:checked:disabled, radio:checked:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +check:indeterminate, radio:indeterminate { background-clip: border-box; background-image: linear-gradient(to bottom, #4b92e7 20%, #3584e4 90%); border-color: #1b6acb; box-shadow: 0 1px rgba(0, 0, 0, 0.05); color: #ffffff; } + +check:indeterminate:hover, radio:indeterminate:hover { background-image: linear-gradient(to bottom, #5d9de9 10%, #478fe6 90%); } + +check:indeterminate:active, radio:indeterminate:active { box-shadow: inset 0 1px rgba(0, 0, 0, 0.2); background-image: image(#1f76e1); } + +check:indeterminate:disabled, radio:indeterminate:disabled { box-shadow: none; color: rgba(255, 255, 255, 0.7); } + +row:selected check, row:selected radio { border-color: #1b6acb; } + +.osd check, .osd radio { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd check:hover, .osd radio:hover { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; } + +.osd check:active, .osd radio:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; } + +.osd check:disabled, .osd radio:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; } + +check { border-radius: 3px; -gtk-icon-size: 14px; } + +check:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")), -gtk-recolor(url("assets/check@2-symbolic.symbolic.png"))); } + +check:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view radio:selected:focus, treeview.view radio:selected, radio { border-radius: 100%; -gtk-icon-size: 14px; } + +treeview.view radio:checked:selected, radio:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")), -gtk-recolor(url("assets/bullet@2-symbolic.symbolic.png"))); } + +treeview.view radio:indeterminate:selected, radio:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")), -gtk-recolor(url("assets/dash@2-symbolic.symbolic.png"))); } + +treeview.view check:selected:focus, treeview.view check:selected, treeview.view radio:selected:focus, treeview.view radio:selected { color: #ffffff; border-color: #185fb4; } + +/************ GtkScale * */ +progressbar > trough, scale > trough > fill, scale > trough { border: 1px solid #e1dedb; border-radius: 3px; background-color: #e1dedb; } + +headerbar progressbar > trough, headerbar scale > trough > fill, headerbar scale > trough { background-color: #cecac5; } + +progressbar > trough:disabled, scale > trough > fill:disabled, scale > trough:disabled { background-color: #faf9f8; border-color: #d5d0cc; } + +row:selected progressbar > trough, row:selected scale > trough > fill, row:selected scale > trough { outline-color: rgba(255, 255, 255, 0.8); border-color: #185fb4; } + +.osd progressbar > trough, .osd scale > trough > fill, .osd scale > trough { border-color: rgba(0, 0, 0, 0.7); background-color: rgba(0, 0, 0, 0.5); } + +.osd progressbar > trough:disabled, .osd scale > trough > fill:disabled, .osd scale > trough:disabled { background-color: rgba(71, 71, 71, 0.5); } + +progressbar > trough > progress, scale > trough > highlight { border: 1px solid #3584e4; border-radius: 3px; background-color: #3584e4; } + +progressbar > trough > progress:disabled, scale > trough > highlight:disabled { background-color: transparent; border-color: transparent; } + +row:selected progressbar > trough > progress, row:selected scale > trough > highlight { border-color: #185fb4; } + +.osd progressbar > trough > progress, .osd scale > trough > highlight { border-color: rgba(0, 0, 0, 0.7); } + +.osd progressbar > trough > progress:disabled, .osd scale > trough > highlight:disabled { border-color: transparent; } + +scale { min-height: 10px; min-width: 10px; padding: 12px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +scale > trough { outline: 0 solid transparent; outline-offset: 16px; } + +scale:focus:focus-visible > trough { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 10px; } + +scale > trough { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } + +scale > trough > fill, scale > trough > highlight { margin: -1px; } + +scale > trough > slider { min-height: 18px; min-width: 18px; margin: -9px; } + +scale.fine-tune.horizontal { padding-top: 9px; padding-bottom: 9px; min-height: 16px; } + +scale.fine-tune.vertical { padding-left: 9px; padding-right: 9px; min-width: 16px; } + +scale.fine-tune > trough > slider { margin: -6px; } + +scale.fine-tune > trough > fill, scale.fine-tune > trough > highlight, scale.fine-tune > trough { border-radius: 5px; } + +scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +.osd scale > trough > fill { background-color: rgba(91, 91, 90, 0.775); } + +.osd scale > trough > fill:disabled { border-color: transparent; background-color: transparent; } + +scale > trough > slider { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); border-width: 1px; border-style: solid; border-radius: 100%; transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: background, border, box-shadow; } + +scale > trough > slider:hover { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +scale > trough > slider:active { border-color: #185fb4; } + +scale > trough > slider:disabled { color: #929595; border-color: #d5d0cc; background-image: image(#faf9f8); } + +row:selected scale > trough > slider:disabled, row:selected scale > trough > slider { border-color: #185fb4; } + +.osd scale > trough > slider { color: #eeeeec; outline-color: rgba(53, 132, 228, 0.5); border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(53, 53, 53, 0.7)); background-clip: padding-box; border-color: rgba(0, 0, 0, 0.7); background-color: #353535; } + +.osd scale > trough > slider:hover { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(27, 27, 27, 0.7)); background-clip: padding-box; background-color: #353535; } + +.osd scale > trough > slider:active { color: white; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(2, 2, 2, 0.7)); background-clip: padding-box; box-shadow: none; background-color: #353535; } + +.osd scale > trough > slider:disabled { color: #919190; border-color: rgba(0, 0, 0, 0.7); background-color: transparent; background-image: image(rgba(71, 71, 71, 0.5)); background-clip: padding-box; background-color: #353535; } + +scale > value { color: alpha(currentColor,0.55); font-feature-settings: "tnum"; } + +scale.horizontal > marks { color: alpha(currentColor,0.55); } + +scale.horizontal > marks.top { margin-bottom: 6px; } + +scale.horizontal > marks.bottom { margin-top: 6px; } + +scale.horizontal > marks indicator { background-color: currentColor; min-height: 6px; min-width: 1px; } + +scale.horizontal > value.left { margin-right: 9px; } + +scale.horizontal > value.right { margin-left: 9px; } + +scale.horizontal.fine-tune > marks.top { margin-top: 3px; } + +scale.horizontal.fine-tune > marks.bottom { margin-bottom: 3px; } + +scale.horizontal.fine-tune > marks indicator { min-height: 3px; } + +scale.vertical > marks { color: alpha(currentColor,0.55); } + +scale.vertical > marks.top { margin-right: 6px; } + +scale.vertical > marks.bottom { margin-left: 6px; } + +scale.vertical > marks indicator { background-color: currentColor; min-height: 1px; min-width: 6px; } + +scale.vertical > value.top { margin-bottom: 9px; } + +scale.vertical > value.bottom { margin-top: 9px; } + +scale.vertical.fine-tune > marks.top { margin-left: 3px; } + +scale.vertical.fine-tune > marks.bottom { margin-right: 3px; } + +scale.vertical.fine-tune > marks indicator { min-height: 3px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-top: -14px; background-position: top; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -7px -10px; margin-top: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.horizontal.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); min-height: 26px; min-width: 22px; margin-bottom: -14px; background-position: bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.horizontal.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -7px -10px; margin-bottom: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-before:not(.marks-after) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-left: -14px; background-position: left bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-before.fine-tune:not(.marks-after) > trough > slider { margin: -10px -7px; margin-left: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:hover { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:active { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.vertical.marks-after:not(.marks-before) > trough > slider:disabled { margin: -10px; border-style: none; border-radius: 0; background-color: transparent; background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); min-height: 22px; min-width: 26px; margin-right: -14px; background-position: right bottom; background-repeat: no-repeat; box-shadow: none; } + +scale.vertical.marks-after.fine-tune:not(.marks-before) > trough > slider { margin: -10px -7px; margin-right: -11px; } + +scale.color { min-height: 0; min-width: 0; } + +scale.color > trough { background-image: image(#cdc7c2); background-repeat: no-repeat; } + +scale.color.horizontal { padding: 0 0 15px 0; } + +scale.color.horizontal > trough { padding-bottom: 4px; background-position: 0 -3px; border-top-left-radius: 0; border-top-right-radius: 0; } + +scale.color.horizontal > trough > slider:dir(ltr):hover, scale.color.horizontal > trough > slider:dir(ltr):backdrop, scale.color.horizontal > trough > slider:dir(ltr):disabled, scale.color.horizontal > trough > slider:dir(ltr):backdrop:disabled, scale.color.horizontal > trough > slider:dir(ltr), scale.color.horizontal > trough > slider:dir(rtl):hover, scale.color.horizontal > trough > slider:dir(rtl):backdrop, scale.color.horizontal > trough > slider:dir(rtl):disabled, scale.color.horizontal > trough > slider:dir(rtl):backdrop:disabled, scale.color.horizontal > trough > slider:dir(rtl) { margin-bottom: -15px; margin-top: 6px; } + +scale.color.vertical:dir(ltr) { padding: 0 0 0 15px; } + +scale.color.vertical:dir(ltr) > trough { padding-left: 4px; background-position: 3px 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } + +scale.color.vertical:dir(ltr) > trough > slider:hover, scale.color.vertical:dir(ltr) > trough > slider:backdrop, scale.color.vertical:dir(ltr) > trough > slider:disabled, scale.color.vertical:dir(ltr) > trough > slider:backdrop:disabled, scale.color.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.vertical:dir(rtl) { padding: 0 15px 0 0; } + +scale.color.vertical:dir(rtl) > trough { padding-right: 4px; background-position: -3px 0; border-bottom-left-radius: 0; border-top-left-radius: 0; } + +scale.color.vertical:dir(rtl) > trough > slider:hover, scale.color.vertical:dir(rtl) > trough > slider:backdrop, scale.color.vertical:dir(rtl) > trough > slider:disabled, scale.color.vertical:dir(rtl) > trough > slider:backdrop:disabled, scale.color.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +scale.color.fine-tune.horizontal:dir(ltr), scale.color.fine-tune.horizontal:dir(rtl) { padding: 0 0 12px 0; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough, scale.color.fine-tune.horizontal:dir(rtl) > trough { padding-bottom: 7px; background-position: 0 -6px; } + +scale.color.fine-tune.horizontal:dir(ltr) > trough > slider, scale.color.fine-tune.horizontal:dir(rtl) > trough > slider { margin-bottom: -15px; margin-top: 6px; } + +scale.color.fine-tune.vertical:dir(ltr) { padding: 0 0 0 12px; } + +scale.color.fine-tune.vertical:dir(ltr) > trough { padding-left: 7px; background-position: 6px 0; } + +scale.color.fine-tune.vertical:dir(ltr) > trough > slider { margin-left: -15px; margin-right: 6px; } + +scale.color.fine-tune.vertical:dir(rtl) { padding: 0 12px 0 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough { padding-right: 7px; background-position: -6px 0; } + +scale.color.fine-tune.vertical:dir(rtl) > trough > slider { margin-right: -15px; margin-left: 6px; } + +/***************** Progress bars * */ +progressbar { font-size: smaller; color: rgba(46, 52, 54, 0.4); font-feature-settings: "tnum"; } + +progressbar.horizontal > trough { min-width: 150px; } + +progressbar.horizontal > trough, progressbar.horizontal > trough > progress { min-height: 2px; } + +progressbar.vertical > trough { min-height: 80px; } + +progressbar.vertical > trough, progressbar.vertical > trough > progress { min-width: 2px; } + +progressbar.horizontal > trough > progress { margin: 0 -1px; } + +progressbar.vertical > trough > progress { margin: -1px 0; } + +progressbar > trough > progress { /* share most of scales' */ /* override insensitive that is specific to progress */ border-radius: 1.5px; } + +progressbar > trough > progress:disabled { background-color: #929595; border-color: #929595; } + +progressbar > trough > progress.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar > trough > progress.right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +progressbar > trough > progress.top { border-top-right-radius: 5px; border-top-left-radius: 5px; } + +progressbar > trough > progress.bottom { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } + +progressbar.osd { min-width: 3px; min-height: 3px; background-color: transparent; } + +progressbar.osd > trough { border-style: none; border-radius: 0; background-color: transparent; box-shadow: none; } + +progressbar.osd > trough > progress { border-style: none; border-radius: 0; } + +progressbar > trough.empty > progress { all: unset; } + +/************* Level Bar * */ +levelbar.horizontal trough > block { min-height: 9px; border-radius: 5px; } + +levelbar.horizontal trough > block:dir(rtl) { border-radius: 0 5px 5px 0; } + +levelbar.horizontal trough > block:dir(ltr) { border-radius: 5px 0 0 5px; } + +levelbar.horizontal trough > block.empty, levelbar.horizontal trough > block.full { border-radius: 5px; } + +levelbar.horizontal.discrete trough > block { min-height: 2px; margin: 1px; min-width: 24px; border-radius: 0; } + +levelbar.horizontal.discrete trough > block:first-child { border-radius: 2px 0 0 2px; } + +levelbar.horizontal.discrete trough > block:last-child { border-radius: 0 2px 2px 0; } + +levelbar.vertical trough > block { min-width: 9px; border-radius: 5px; } + +levelbar.vertical.discrete > trough > block { min-width: 2px; margin: 1px 0; min-height: 32px; } + +levelbar > trough { padding: 0; } + +levelbar > trough > block { border: 1px solid; } + +levelbar > trough > block.low { border-color: #f57900; background-color: #f57900; } + +levelbar > trough > block.high, levelbar > trough > block:not(.empty) { border-color: #3584e4; background-color: #3584e4; } + +levelbar > trough > block.full { border-color: #33d17a; background-color: #33d17a; } + +levelbar > trough > block.empty { background-color: #ebe8e6; border-color: #ebe8e6; } + +/**************** Print dialog * */ +window.dialog.print drawing { color: #2e3436; background: none; border: none; padding: 0; } + +window.dialog.print drawing paper { background: white; color: #2e3436; border: 1px solid #cdc7c2; } + +window.dialog.print .dialog-action-box { margin: 12px; } + +/********** Frames * */ +frame, .frame { border: 1px solid #cdc7c2; } + +frame { border-radius: 8px; } + +frame > label { margin: 4px; } + +actionbar > revealer > box { padding: 6px; border-top: 1px solid #cdc7c2; } + +actionbar > revealer > box, actionbar > revealer > box > box.start, actionbar > revealer > box > box.end { border-spacing: 6px; } + +scrolledwindow > overshoot.top { background-image: radial-gradient(farthest-side at top, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at top, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: top; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.bottom { background-image: radial-gradient(farthest-side at bottom, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at bottom, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 100% 3%, 100% 50%; background-repeat: no-repeat; background-position: bottom; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.left { background-image: radial-gradient(farthest-side at left, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at left, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: left; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > overshoot.right { background-image: radial-gradient(farthest-side at right, #b6aea5 85%, rgba(182, 174, 165, 0)), radial-gradient(farthest-side at right, rgba(46, 52, 54, 0.07), rgba(46, 52, 54, 0)); background-size: 3% 100%, 50% 100%; background-repeat: no-repeat; background-position: right; background-color: transparent; border: none; box-shadow: none; } + +scrolledwindow > junction { background: #cdc7c2, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to right, transparent 1px, #cecece 1px); } + +scrolledwindow > junction:dir(rtl) { background: #cdc7c2, linear-gradient(to bottom, transparent 1px, #cecece 1px), linear-gradient(to left, transparent 1px, #cecece 1px); } + +separator { background: #d8d4d0; min-width: 1px; min-height: 1px; } + +/********* Lists * */ +listview, list { color: black; background-color: #ffffff; border-color: #cdc7c2; } + +listview:backdrop, list:backdrop { color: #323232; background-color: #fcfcfc; border-color: #d5d0cc; } + +listview > row, list > row { padding: 2px; } + +listview > row.expander, list > row.expander { padding: 0px; } + +listview > row.expander .row-header, list > row.expander .row-header { padding: 2px; } + +listview.horizontal row.separator, listview.separators.horizontal > row:not(.separator), list.horizontal row.separator, list.separators.horizontal > row:not(.separator) { border-left: 1px solid #d7d2ce; } + +listview:not(.horizontal) row.separator, listview.separators:not(.horizontal) > row:not(.separator), list:not(.horizontal) row.separator, list.separators:not(.horizontal) > row:not(.separator) { border-bottom: 1px solid #d7d2ce; } + +row { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +row { outline: 0 solid transparent; outline-offset: 4px; } + +row:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +row.activatable.has-open-popup, row.activatable:hover { background-color: rgba(46, 52, 54, 0.05); } + +row.activatable:active { box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); } + +row.activatable:selected:active { box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); } + +row.activatable.has-open-popup:selected, row.activatable:selected:hover { background-color: #347cd3; } + +row:selected { outline-color: rgba(255, 255, 255, 0.8); } + +columnview > listview > row { padding: 0; } + +columnview > listview > row > cell { padding: 8px 6px; } + +columnview > listview > row > cell:not(:first-child) { border-left: 1px solid transparent; } + +columnview.column-separators > listview > row > cell { border-left-color: #d7d2ce; } + +columnview.data-table > listview > row > cell { padding-top: 2px; padding-bottom: 2px; } + +treeexpander { border-spacing: 4px; } + +/******************************************************** Data Tables * treeview like tables with individual focusable cells * https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 * */ +columnview row:not(:selected) cell editablelabel:not(.editing):focus-within { outline: 2px solid rgba(53, 132, 228, 0.5); } + +columnview row:not(:selected) cell editablelabel.editing:focus-within { outline: 2px solid #3584e4; } + +columnview row:not(:selected) cell editablelabel.editing text selection { background-color: rgba(141, 141, 141, 0.5); color: transparent; } + - columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: #3584e4; color: #ffffff; } ++columnview row:not(:selected) cell editablelabel.editing text selection:focus-within { background-color: rgba(53, 132, 228, 0.3); color: #2e3436; } + +/******************************************************* Rich Lists * Large list usually containing lots of widgets * https://gitlab.gnome.org/GNOME/gtk/-/issues/3073 * */ +.rich-list { /* rich lists usually containing other widgets than just labels/text */ } + +.rich-list > row { padding: 8px 12px; min-height: 32px; /* should be tall even when only containing a label */ } + +.rich-list > row > box { border-spacing: 12px; } + +/********************* App Notifications * */ +.app-notification { padding: 10px; border-spacing: 10px; border-radius: 0 0 5px 5px; background-color: rgba(53, 53, 53, 0.7); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent 2px); background-clip: padding-box; } + +.app-notification border { border: none; } + +/************* Expanders * */ +expander { min-width: 16px; min-height: 16px; -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +expander:dir(rtl) { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); } + +expander:disabled { color: #929595; } + +expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +expander-widget { transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +expander-widget > box > title { outline: 0 solid transparent; outline-offset: 4px; } + +expander-widget:focus:focus-visible > box > title { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +expander-widget > box > title { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); border-radius: 5px; } + +expander-widget > box > title:hover > expander { color: #748489; } + +.navigation-sidebar:not(decoration):not(window):drop(active):focus, .navigation-sidebar:not(decoration):not(window):drop(active), placessidebar:not(decoration):not(window):drop(active):focus, placessidebar:not(decoration):not(window):drop(active), stackswitcher:not(decoration):not(window):drop(active):focus, stackswitcher:not(decoration):not(window):drop(active), expander-widget:not(decoration):not(window):drop(active):focus, expander-widget:not(decoration):not(window):drop(active) { box-shadow: none; } + +/************ Calendar * */ +calendar { color: black; border: 1px solid #cdc7c2; font-feature-settings: "tnum"; } + +calendar > header { border-bottom: 1px solid #cdc7c2; } + +calendar > header > button { border: none; box-shadow: none; background: none; border-radius: 0; } + +calendar > header > button:backdrop { background: none; } + +calendar > grid > label.today { box-shadow: inset 0px -2px #cdc7c2; } + +calendar > grid > label.today:selected { box-shadow: none; } + +calendar > grid > label:focus { outline-color: rgba(53, 132, 228, 0.5); outline-offset: -2px; outline-width: 2px; outline-style: solid; } + +calendar > grid > label.day-number { padding: 4px; } + +calendar > grid > label.day-number:selected { border-radius: 3px; } + +calendar > grid > label.day-number.other-month { color: alpha(currentColor,0.3); } + +/*********** Dialogs * */ +window.dialog.message .titlebar { min-height: 20px; background-image: none; background-color: #f6f5f4; border-style: none; border-top-left-radius: 7px; border-top-right-radius: 7px; } + +window.dialog.message box.dialog-vbox.vertical { border-spacing: 10px; } + +window.dialog.message label.title { font-weight: 800; font-size: 15pt; } + +window.dialog.message.csd.background { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; } + +window.dialog.message.csd .dialog-action-area button { padding: 10px 14px; border-radius: 0; border-left-style: solid; border-right-style: none; border-bottom-style: none; } + +window.dialog.message.csd .dialog-action-area button:first-child { border-left-style: none; border-bottom-left-radius: 7px; } + +window.dialog.message.csd .dialog-action-area button:last-child { border-bottom-right-radius: 7px; } + +filechooser .dialog-action-box { border-top: 1px solid #cdc7c2; } + +filechooser #pathbarbox { border-bottom: 1px solid #f6f5f4; } + +filechooserbutton > button > box { border-spacing: 6px; } + +filechooserbutton:drop(active) { box-shadow: none; border-color: transparent; } + +/*********** Sidebar * */ +.sidebar { background-color: #fbfafa; } + +.sidebar:not(separator):dir(ltr), .sidebar.left:not(separator), .sidebar.left:not(separator):dir(rtl) { border-right: 1px solid #cdc7c2; border-left-style: none; } + +.sidebar:not(separator):dir(rtl), .sidebar.right:not(separator) { border-left: 1px solid #cdc7c2; border-right-style: none; } + +.sidebar listview.view, .sidebar list { background-color: transparent; } + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { border-style: none; } + +stacksidebar list.separators:not(.horizontal) > row:not(.separator) { border-bottom: none; } + +stacksidebar row { padding: 10px 4px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +stacksidebar row { outline: 0 solid transparent; outline-offset: 4px; } + +stacksidebar row:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +stacksidebar row > label { padding-left: 6px; padding-right: 6px; } + +stacksidebar row.needs-attention > label { background-size: 6px 6px, 0 0; } + +stacksidebar row:selected { background-color: #e8e6e3; border-radius: 5px; color: #2e3436; } + +stacksidebar row:selected:hover:dir(ltr), stacksidebar row:selected:hover:dir(rtl) { background-color: #ddd9d5; } + +stacksidebar row.activatable:active, stacksidebar row.activatable:selected:active { box-shadow: none; } + +separator.sidebar { background-color: #cdc7c2; } + +/********************** Navigation Sidebar * */ +.navigation-sidebar { padding: 5px 0; } + +.navigation-sidebar > separator { margin: 5px; } + +.navigation-sidebar > row { min-height: 36px; padding: 0 8px; border-radius: 5px; margin: 0 5px 2px; transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +.navigation-sidebar > row { outline: 0 solid transparent; outline-offset: 4px; } + +.navigation-sidebar > row:focus-visible:focus-within { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: -2px; } + +.navigation-sidebar > row:hover { background-color: #ddd9d5; } + +.navigation-sidebar > row:selected { background-color: #e8e6e3; color: inherit; } + +.navigation-sidebar > row:selected:hover { background-color: #ddd9d5; } + +.navigation-sidebar > row:disabled { color: #929595; } + +/**************** File chooser * */ +row image.sidebar-icon { opacity: 0.7; } + +/* this should be more generic, only using .navigation-sidebar https://gitlab.gnome.org/GNOME/gtk/-/issues/2929 */ +placessidebar .navigation-sidebar > row { padding: 0; } + +placessidebar .navigation-sidebar > row > revealer { padding: 0 14px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(ltr) { padding-right: 8px; } + +placessidebar .navigation-sidebar > row image.sidebar-icon:dir(rtl) { padding-left: 8px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(ltr) { padding-right: 2px; } + +placessidebar .navigation-sidebar > row label.sidebar-label:dir(rtl) { padding-left: 2px; } + +button.sidebar-button { min-height: 26px; min-width: 26px; margin-top: 3px; margin-bottom: 3px; padding: 0; border-radius: 100%; } + +placessidebar .navigation-sidebar > row:selected:active { box-shadow: none; } + +placessidebar .navigation-sidebar > row.sidebar-placeholder-row { padding: 0 8px; min-height: 2px; background-image: image(#2ec27e); background-clip: content-box; } + +placessidebar .navigation-sidebar > row.sidebar-new-bookmark-row { color: #3584e4; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled) { color: #2ec27e; box-shadow: inset 0 1px #2ec27e, inset 0 -1px #2ec27e; } + +placessidebar .navigation-sidebar > row:drop(active):not(:disabled):selected { color: #ffffff; background-color: #2ec27e; } + +placesview .server-list-button > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(0turn); } + +placesview .server-list-button:checked > image { transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -gtk-icon-transform: rotate(-0.5turn); } + +placesview > actionbar > revealer > box > box { border-spacing: 6px; } + +/********* Paned * */ +paned > separator { min-width: 1px; min-height: 1px; -gtk-icon-source: none; border-style: none; background-color: transparent; background-image: image(#cdc7c2); background-size: 1px 1px; } + +paned > separator:selected { background-image: image(#3584e4); } + +paned > separator.wide { min-width: 5px; min-height: 5px; background-color: #f6f5f4; background-image: image(#cdc7c2), image(#cdc7c2); background-size: 1px 1px, 1px 1px; } + +paned.horizontal > separator { background-repeat: repeat-y; } + +paned.horizontal > separator:dir(ltr) { margin: 0 -8px 0 0; padding: 0 8px 0 0; background-position: left; } + +paned.horizontal > separator:dir(rtl) { margin: 0 0 0 -8px; padding: 0 0 0 8px; background-position: right; } + +paned.horizontal > separator.wide { margin: 0; padding: 0; background-repeat: repeat-y, repeat-y; background-position: left, right; } + +paned.vertical > separator { margin: 0 0 -8px 0; padding: 0 0 8px 0; background-repeat: repeat-x; background-position: top; } + +paned.vertical > separator.wide { margin: 0; padding: 0; background-repeat: repeat-x, repeat-x; background-position: bottom, top; } + +/************** GtkVideo * */ +video { background: black; } + +video image.osd { min-width: 64px; min-height: 64px; border-radius: 32px; } + +/************ Tooltips * */ +tooltip { padding: 6px 10px; border-radius: 8px; box-shadow: none; } + +tooltip.background { background-color: rgba(0, 0, 0, 0.8); background-clip: padding-box; border: 1px solid rgba(255, 255, 255, 0.1); color: white; } + +tooltip > box { border-spacing: 6px; } + +/***************** Color Chooser * */ +colorswatch { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +colorswatch { outline: 0 solid transparent; outline-offset: 6px; } + +colorswatch:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 4px; outline-offset: -2px; } + +colorswatch:drop(active), colorswatch { border-style: none; } + +colorswatch.top { border-top-left-radius: 5.5px; border-top-right-radius: 5.5px; } + +colorswatch.top > overlay { border-top-left-radius: 5px; border-top-right-radius: 5px; } + +colorswatch.bottom { border-bottom-left-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.bottom > overlay { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.left, colorswatch:first-child:not(.top) { border-top-left-radius: 5.5px; border-bottom-left-radius: 5.5px; } + +colorswatch.left > overlay, colorswatch:first-child:not(.top) > overlay { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } + +colorswatch.right, colorswatch:last-child:not(.bottom) { border-top-right-radius: 5.5px; border-bottom-right-radius: 5.5px; } + +colorswatch.right > overlay, colorswatch:last-child:not(.bottom) > overlay { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } + +colorswatch.dark > overlay { color: white; } + +colorswatch.dark.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.8); } + +colorswatch.light > overlay { color: black; } + +colorswatch.light.activatable:hover > overlay { border-color: rgba(0, 0, 0, 0.5); } + +colorswatch:drop(active) { box-shadow: none; } + +colorswatch.light:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px #27a56b, inset 0 0 0 1px #2ec27e; } + +colorswatch.dark:drop(active) > overlay { border-color: #2ec27e; box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3), inset 0 0 0 1px #2ec27e; } + +colorswatch > overlay { border: 1px solid rgba(0, 0, 0, 0.3); } + +colorswatch.activatable:hover > overlay { box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), inset 0 -1px rgba(0, 0, 0, 0.2); } + +colorswatch#add-color-button { border-radius: 5px 0 0 5px; } + +colorswatch#add-color-button:only-child { border-radius: 5px; } + +colorswatch#add-color-button > overlay { color: #2e3436; outline-color: rgba(53, 132, 228, 0.5); border-color: #cdc7c2; background-image: linear-gradient(to top, #f6f5f4 2px, #fbfafa); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch#add-color-button.activatable:hover > overlay { color: #2e3436; border-color: #cdc7c2; background-image: linear-gradient(to top, #d6d1cd, #e8e6e3 1px); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07); } + +colorswatch:disabled { opacity: 0.5; } + +colorswatch:disabled > overlay { border-color: rgba(0, 0, 0, 0.6); box-shadow: none; } + +row:selected colorswatch { box-shadow: 0 0 0 2px #ffffff; } + +colorswatch#editor-color-sample { border-radius: 4px; } + +colorswatch#editor-color-sample > overlay { border-radius: 4.5px; } + +plane { transition: outline-width 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), outline-offset 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-property: outline, outline-width, outline-offset, outline-color; transition-duration: 300ms; animation-timing-function: ease-in-out; } + +plane { outline: 0 solid transparent; outline-offset: 6px; } + +plane:focus:focus-visible { outline-color: rgba(53, 132, 228, 0.5); outline-width: 2px; outline-offset: 2px; } + +colorchooser .popover.osd { border-radius: 5px; } + +/******** Misc * */ +.content-view { background-color: #e6e3e0; } + +.content-view:hover { -gtk-icon-filter: brightness(1.2); } + +.content-view .tile { margin: 2px; background-color: transparent; border-radius: 0; padding: 0; } + +.content-view .tile:active, .content-view .tile:selected { background-color: transparent; } + +.content-view .tile:disabled { background-color: transparent; } + +.osd .scale-popup button.flat { border-style: none; border-radius: 5px; } + +.scale-popup button:hover { background-color: rgba(46, 52, 54, 0.1); border-radius: 5px; } + +/********************** Window Decorations * */ +window { border-width: 0px; } + +window.csd { box-shadow: 0 3px 9px 1px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.23); margin: 0px; border-radius: 8px 8px 0 0; } + +window.csd:backdrop { box-shadow: 0 3px 9px 1px transparent, 0 2px 6px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.18); transition: 200ms ease-out; } + +window.csd.popup { border-radius: 5px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.csd.dialog.message { border-radius: 8px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } + +window.solid-csd { margin: 0; padding: 4px; border: solid 1px #cdc7c2; border-radius: 0; box-shadow: inset 0 0 0 4px #cdc7c2, inset 0 0 0 3px white, inset 0 1px rgba(255, 255, 255, 0.8); } + +window.solid-csd:backdrop { box-shadow: inset 0 0 0 4px #cdc7c2, inset 0 0 0 3px #f6f5f4, inset 0 1px rgba(255, 255, 255, 0.8); } + +window.maximized, window.fullscreen { border-radius: 0; box-shadow: none; } + - window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } ++window.tiled, window.tiled-top, window.tiled-left, window.tiled-right, window.tiled-bottom { border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23), 0 0 0 20px transparent; } + - window:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } ++window.tiled:backdrop, window.tiled-top:backdrop, window.tiled-left:backdrop, window.tiled-right:backdrop, window.tiled-bottom:backdrop { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), 0 0 0 20px transparent; } + +window.popup { box-shadow: none; } + +window.ssd { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } + +tooltip.csd { border-radius: 5px; box-shadow: none; } + +.view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { background-color: #3584e4; } + +label:selected, .view:selected:focus, .view:selected, textview > text:selected:focus, textview > text:selected, iconview:selected:focus, iconview:selected, flowbox > flowboxchild:selected, gridview > child:selected, modelbutton.flat:selected, columnview.view:selected:focus, columnview.view:selected, treeview.view:selected:focus, treeview.view:selected, row:selected, calendar > grid > label.day-number:selected { color: #ffffff; } + +label:disabled > selection, label:disabled:selected, .view:disabled:selected, textview > text:disabled:selected:focus, textview > text:disabled:selected, iconview:disabled:selected:focus, iconview:disabled:selected, flowbox > flowboxchild:disabled:selected, gridview > child:disabled:selected, modelbutton.flat:disabled:selected, columnview.view:disabled:selected, treeview.view:disabled:selected, row:disabled:selected, calendar > grid > label.day-number:disabled:selected { color: #9ac2f2; } + +.monospace { font-family: monospace; } + +/********************** Touch Copy & Paste * */ +cursor-handle { background-color: transparent; background-image: none; box-shadow: none; border-style: none; min-width: 20px; min-height: 24px; padding-left: 20px; padding-right: 20px; padding-top: 24px; padding-bottom: 24px; } + +cursor-handle.top:dir(ltr), cursor-handle.bottom:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start.png"), url("assets/text-select-start@2.png")); } + +cursor-handle.bottom:dir(ltr), cursor-handle.top:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end.png"), url("assets/text-select-end@2.png")); } + +cursor-handle.insertion-cursor:dir(ltr), cursor-handle.insertion-cursor:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); } + +cursor-handle.top:hover:dir(ltr), cursor-handle.bottom:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-hover.png"), url("assets/text-select-start-hover@2.png")); } + +cursor-handle.bottom:hover:dir(ltr), cursor-handle.top:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-hover.png"), url("assets/text-select-end-hover@2.png")); } + +cursor-handle.insertion-cursor:hover:dir(ltr), cursor-handle.insertion-cursor:hover:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); } + +cursor-handle.top:active:dir(ltr), cursor-handle.bottom:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-start-active.png"), url("assets/text-select-start-active@2.png")); } + +cursor-handle.bottom:active:dir(ltr), cursor-handle.top:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/text-select-end-active.png"), url("assets/text-select-end-active@2.png")); } + +cursor-handle.insertion-cursor:active:dir(ltr), cursor-handle.insertion-cursor:active:dir(rtl) { -gtk-icon-source: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); } + +shortcuts-section { margin: 20px; } + +.shortcuts-search-results { margin: 20px; border-spacing: 24px; } + +shortcut { border-spacing: 6px; } + +shortcut > .keycap { min-width: 20px; min-height: 25px; margin-top: 2px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; color: #2e3436; background-color: #ffffff; border: 1px solid; border-color: #e1dedb; border-radius: 5px; box-shadow: inset 0 -3px #f8f7f6; font-size: smaller; } + +:not(decoration):not(window):drop(active):focus, :not(decoration):not(window):drop(active) { border-color: #2ec27e; box-shadow: inset 0 0 0 1px #2ec27e; caret-color: #2ec27e; } + +stackswitcher > button.text-button { min-width: 100px; } + +stackswitcher.circular { border-spacing: 12px; } + +stackswitcher.circular > button.circular, stackswitcher.circular > button.text-button.circular { min-width: 32px; min-height: 32px; padding: 0; } + +/************* App Icons * */ +/* Outline for low res icons */ +.lowres-icon { -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/* Drapshadow for large icons */ +.icon-dropshadow { -gtk-icon-shadow: 0 1px 12px rgba(0, 0, 0, 0.05), 0 -1px rgba(0, 0, 0, 0.05), 1px 0 rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.3), -1px 0 rgba(0, 0, 0, 0.1); } + +/********* Emoji * */ +popover.emoji-picker > contents { padding: 0; } + +.emoji-searchbar { padding: 6px; border-spacing: 6px; border-bottom: 1px solid #cdc7c2; } + +.emoji-toolbar { padding: 6px; border-spacing: 6px; border-top: 1px solid #cdc7c2; } + +button.emoji-section { border-color: transparent; border-width: 3px; border-style: none none solid; border-radius: 0; padding: 3px 0 0; min-width: 32px; min-height: 28px; /* reset props inherited from the button style */ background: none; box-shadow: none; text-shadow: none; } + +button.emoji-section:hover { border-color: #cdc7c2; } + +button.emoji-section:checked { border-color: #3584e4; } + +popover.emoji-picker emoji { font-size: x-large; padding: 6px; border-radius: 6px; } + +popover.emoji-picker emoji:focus, popover.emoji-picker emoji:hover { background: #3584e4; } + +emoji-completion-row > box { border-spacing: 10px; padding: 2px 10px; } + +emoji-completion-row:focus, emoji-completion-row:hover { background-color: #3584e4; color: #ffffff; } + +emoji-completion-row emoji:focus, emoji-completion-row emoji:hover { background-color: #e8e6e3; } + +popover.entry-completion > contents { padding: 0; } + +statusbar { padding: 6px 10px 6px 10px; } + +menubutton > button > box { border-spacing: 6px; } + +menubutton arrow { min-height: 16px; min-width: 16px; } + +menubutton arrow.none { -gtk-icon-source: -gtk-icontheme("open-menu-symbolic"); } + +menubutton arrow.down { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } + +menubutton arrow.up { -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } + +menubutton arrow.left { -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); } + +menubutton arrow.right { -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); } + +/* GTK NAMED COLORS ---------------- use responsibly! */ +/* +widget text/foreground color */ +@define-color theme_fg_color #2e3436; +/* +text color for entries, views and content in general */ +@define-color theme_text_color black; +/* +widget base background color */ +@define-color theme_bg_color #f6f5f4; +/* +text widgets and the like base background color */ +@define-color theme_base_color #ffffff; +/* +base background color of selections */ +@define-color theme_selected_bg_color #3584e4; +/* +text/foreground color of selections */ +@define-color theme_selected_fg_color #ffffff; +/* +base background color of insensitive widgets */ +@define-color insensitive_bg_color #faf9f8; +/* +text foreground color of insensitive widgets */ +@define-color insensitive_fg_color #929595; +/* +insensitive text widgets and the like base background color */ +@define-color insensitive_base_color #ffffff; +/* +widget text/foreground color on backdrop windows */ +@define-color theme_unfocused_fg_color #929595; +/* +text color for entries, views and content in general on backdrop windows */ +@define-color theme_unfocused_text_color black; +/* +widget base background color on backdrop windows */ +@define-color theme_unfocused_bg_color #f6f5f4; +/* +text widgets and the like base background color on backdrop windows */ +@define-color theme_unfocused_base_color #fcfcfc; +/* +base background color of selections on backdrop windows */ +@define-color theme_unfocused_selected_bg_color #3584e4; +/* +text/foreground color of selections on backdrop windows */ +@define-color theme_unfocused_selected_fg_color #ffffff; +/* +insensitive color on backdrop windows*/ +@define-color unfocused_insensitive_color #d4cfca; +/* +widgets main borders color */ +@define-color borders #cdc7c2; +/* +widgets main borders color on backdrop windows */ +@define-color unfocused_borders #d5d0cc; +/* +these are pretty self explicative */ +@define-color warning_color #f57900; +@define-color error_color #cc0000; +@define-color success_color #33d17a; +/* +these colors are exported for the window manager and shouldn't be used in applications, +read if you used those and something break with a version upgrade you're on your own... */ +@define-color wm_title shade(#2e3436, 1.8); +@define-color wm_unfocused_title #929595; +@define-color wm_highlight rgba(255, 255, 255, 0.8); +@define-color wm_borders_edge rgba(255, 255, 255, 0.8); +@define-color wm_bg_a shade(#f6f5f4, 1.2); +@define-color wm_bg_b #f6f5f4; +@define-color wm_shadow alpha(black, 0.35); +@define-color wm_border alpha(black, 0.18); +@define-color wm_button_hover_color_a shade(#f6f5f4, 1.3); +@define-color wm_button_hover_color_b #f6f5f4; +@define-color wm_button_active_color_a shade(#f6f5f4, 0.85); +@define-color wm_button_active_color_b shade(#f6f5f4, 0.89); +@define-color wm_button_active_color_c shade(#f6f5f4, 0.9); +/* content view background such as thumbnails view in Photos or Boxes */ +@define-color content_view_bg #ffffff; +/* Very contrasty background for text views (@theme_text_color foreground) */ +@define-color text_view_bg #ffffff; diff --cc subprojects/gi-docgen/docs/tutorial.rst index 8fa502643b,0000000000..9108de29d0 mode 100644,000000..100644 --- a/subprojects/gi-docgen/docs/tutorial.rst +++ b/subprojects/gi-docgen/docs/tutorial.rst @@@ -1,147 -1,0 +1,147 @@@ +.. SPDX-FileCopyrightText: 2021 GNOME Foundation +.. +.. SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + +=============== +Using GI-DocGen +=============== + +In order to use GI-DocGen, you will need: + +- a library using GObject and generating introspection data as part of its + build process +- a project configuration file + +For the former, you should read `the gobject-introspection documentation `__, +which includes all the details on how to write introspectable API. + +Writing a project configuration file +------------------------------------ + +The project configuration file provides some basic information describing your +project, expressed in key/value pairs, and will be exposed to the template +system used when generating the API reference through gi-docgen. Not every key +is mandatory, and the template will decide whether or not use its value when +generating the API reference. For simplicity, we're going to assume you're using +the "basic" template that is part of gi-docgen. + +The project configuration file is written using `ToML `__, +and you can use the ``--config`` command line option for gi-docgen. + +We begin with the ``library`` preamble: + +:: + + [library] + description = "The GTK toolkit" + authors = "GTK Development Team" + license = "GPL-2.1-or-later" + browse_url = "https://gitlab.gnome.org/GNOME/gtk/" + repository_url = "https://gitlab.gnome.org/GNOME/gtk.git" + website_url = "https://www.gtk.org" + +The keys above will be used in the main landing page for the library. + +If your project has dependencies, and you wish to display them or cross-link +types and symbols from your API reference, you will need to describe them using +the ``dependencies`` key, for instance: + +:: + + # List the dependencies using their GIR namespace + dependencies = [ + "GObject-2.0", + "Graphene-1.0", + "Pango-1.0", + "Gdk-4.0", + "Gsk-4.0", + ] + +Each dependency will need its own object, for instance: + +:: + + [dependencies."GObject-2.0"] + name = "GObject" + description = "The base type system library" + docs_url = "https://developer.gnome.org/gobject/stable" + +The ``name``, ``description``, and ``docs_url`` keys will be used when generating the +list of dependencies on the main landing page. + +If you wish to add links to the source code repository for type and symbol +declarations, as well as the location of the documentation source, you will need +a ``source-location`` section: + +:: + + [source-location] + # The base URL for the web UI + base_url = "https://gitlab.gnome.org/GNOME/gtk/-/blob/master/" + # The format for links, using "filename" and "line" for the format + file_format = "{filename}#L{line}" + +If your library has additional content, in the form of Markdown files that you +wish to include in the generated API reference, you can use the ``extra`` section: + +:: + + [extra] + # A list of Markdown files; they will be parsed using the + # same rules as the documentation coming from the introspection + # data. The path of each file is relative to the content + # directory specified on the command line. + # + # The order in which they are included will be used when + # generating the index. + # + # The generated files will be placed in the root output directory + content_files = [ + "getting_started.md", + "building.md", + "compiling.md", + "running.md", + "question_index.md", + ... + ] + # Additional images referenced by the documentation; their path + # is relative to the content directory specified on the command + # line. + # + # The image files will be copied into the root documentation, + # without replicating the directory structure in which they + # are listed. + content_images = [ + "images/aboutdialog.png", + "images/action-bar.png", + "images/appchooserbutton.png", + "images/appchooserdialog.png", + ... + ] + +For more information about the project configuration, please see the - :doc:``project-configuration`` page. ++:doc:`project-configuration` page. + +Generating the API reference +---------------------------- + +Once you have a project configuration file, and the introspection data for the +library you wish to document, all you need is to launch the ``gi-docgen`` command +line tool. + +You will need to provide: + +- the location of the project configuration file +- the location of the additional content files +- additional search paths for the dependencies +- the output directory for the generated files +- the location of the introspection file + +A simple invocation for the installed ``Gtk-4.0.gir`` file is: + +:: + + gi-docgen generate -C gtk4.toml /usr/share/gir-1.0/Gtk-4.0.gir + +This will generate the API reference for the ``Gtk-4.0`` namespace, and will put +the generate files under the current directory. diff --cc subprojects/gi-docgen/examples/urlmap.js index 883368cb35,0000000000..68d6c83049 mode 100644,000000..100644 --- a/subprojects/gi-docgen/examples/urlmap.js +++ b/subprojects/gi-docgen/examples/urlmap.js @@@ -1,13 -1,0 +1,17 @@@ +// SPDX-FileCopyrightText: 2021 GNOME Foundation +// SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + +// A map between namespaces and base URLs for their online documentation +baseURLs = [ - [ 'Gdk', 'https://people.gnome.org/~ebassi/docs/_build/Gdk/4.0/' ], - [ 'GdkWayland', 'https://people.gnome.org/~ebassi/docs/_build/GdkWayland/4.0/' ], - [ 'GdkX11', 'https://people.gnome.org/~ebassi/docs/_build/GdkX11/4.0/' ], - [ 'Gsk', 'https://people.gnome.org/~ebassi/docs/_build/Gsk/4.0/' ], - [ 'Gtk', 'https://people.gnome.org/~ebassi/docs/_build/Gtk/4.0/' ], - [ 'Pango', 'https://people.gnome.org/~ebassi/docs/_build/Pango/1.0/' ], - [ 'PangoCairo', 'https://people.gnome.org/~ebassi/docs/_build/PangoCairo/1.0/' ], ++ [ 'GLib', 'https://docs.gtk.org/glib/' ], ++ [ 'GObject', 'https://docs.gtk.org/gobject/' ], ++ [ 'Gdk', 'https://docs.gtk.org/gdk4/' ], ++ [ 'GdkPixbuf', 'https://docs.gtk.org/gdk-pixbuf/' ], ++ [ 'GdkWayland', 'https://docs.gtk.org/gdk4-wayland/' ], ++ [ 'GdkX11', 'https://docs.gtk.org/gdk4-x11/' ], ++ [ 'Gio', 'https://docs.gtk.org/gio/' ], ++ [ 'Gsk', 'https://docs.gtk.org/gsk4/' ], ++ [ 'Gtk', 'https://docs.gtk.org/gtk4/' ], ++ [ 'Pango', 'https://docs.gtk.org/Pango/' ], ++ [ 'PangoCairo', 'https://docs.gtk.org/PangoCairo/' ], +] diff --cc subprojects/gi-docgen/gidocgen/gdgenerate.py index fa286b09cb,0000000000..d90be3387c mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/gdgenerate.py +++ b/subprojects/gi-docgen/gidocgen/gdgenerate.py @@@ -1,3084 -1,0 +1,3117 @@@ +# SPDX-FileCopyrightText: 2021 GNOME Foundation +# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + +import argparse +import concurrent.futures +import jinja2 +import markdown +import os +import shutil +import sys + +import xml.etree.ElementTree as etree + +from markupsafe import Markup + +from . import config, gir, log, utils +from . import gdgenindices + + +HELP_MSG = "Generates the reference" + +MISSING_DESCRIPTION = "No description available." + +STRING_TYPES = { + 'utf8': 'The value is a NUL terminated UTF-8 string.', + 'filename': 'The value is a file system path, using the OS encoding.', +} + +STRING_ELEMENT_TYPES = { + 'utf8': 'Each element is a NUL terminated UTF-8 string.', + 'filename': 'Each element is a file system path, using the OS encoding.', +} + +ARG_TRANSFER_MODES = { + 'none': 'The data is owned by the caller of the function.', + 'container': 'The called function takes ownership of the data container, but not the data inside it.', + 'full': 'The called function takes ownership of the data, and is responsible for freeing it.', +} + +METHOD_ARG_TRANSFER_MODES = { + 'none': 'The data is owned by the caller of the function.', + 'container': 'The instance takes ownership of the data container, but not the data inside it.', + 'full': 'The instance takes ownership of the data, and is responsible for freeing it.', +} + +RETVAL_TRANSFER_MODES = { + 'none': 'The data is owned by the called function.', + 'container': 'The caller of the function takes ownership of the data container, but not the data inside it.', + 'full': 'The caller of the function takes ownership of the data, and is responsible for freeing it.', + 'floating': 'The returned data has a floating reference.', +} + +METHOD_RETVAL_TRANSFER_MODES = { + 'none': 'The data is owned by the instance.', + 'container': 'The caller of the method takes ownership of the data container, but not the data inside it.', + 'full': 'The caller of the method takes ownership of the data, and is responsible for freeing it.', + 'floating': 'The returned data has a floating reference.', +} + +DIRECTION_MODES = { + 'in': '-', + 'inout': 'The argument will be modified by the function.', + 'out': 'The argument will be set by the function.', +} + +SCOPE_MODES = { + 'none': '-', + 'call': 'The callback arguments are valid during the call.', + 'notified': 'The callback arguments are valid until the notify function is called.', + 'async': 'The callback arguments are valid until the asynchronous call is completed.', +} + +SIGNAL_WHEN = { + 'first': "The default handler is called before the handlers added via `g_signal_connect()`.", + 'last': "The default handler is called after the handlers added via `g_signal_connect()`.", + 'cleanup': "The default handler is called after the handlers added via `g_signal_connect_after()`.", +} + +FRAGMENT = { + "aliases": "alias", + "bitfields": "flags", + "callbacks": "callback", + "classes": "class", + "constants": "const", + "domains": "error", + "enums": "enum", + "functions": "func", + "function_macros": "func", + "interfaces": "iface", + "structs": "struct", + "unions": "union", +} + + +def type_name_to_cname(fqtn, is_pointer=False): + res = [] + try: + ns, name = fqtn.split('.', 1) + res.append(ns) + res.append(name) + except ValueError: + res.append(fqtn.replace('.', '')) + if is_pointer: + res.append('*') + return "".join(res) + + +def gen_index_func(func, namespace, md=None): + """Generates a dictionary with the callable metadata required by an index template""" + name = func.name + if getattr(func, "identifier"): + identifier = func.identifier + else: + identifier = None + if func.doc is not None: + summary = utils.preprocess_docs(func.doc.content, namespace, summary=True, md=md) + else: + summary = MISSING_DESCRIPTION + if func.available_since is not None: + available_since = func.available_since + else: + available_since = None - if func.deprecated_since is not None: ++ if func.deprecated: + (version, msg) = func.deprecated_since + deprecated_since = version + else: + deprecated_since = None + return { + "name": name, + "identifier": identifier, + "summary": summary, + "available_since": available_since, + "deprecated_since": deprecated_since, + } + + +def gen_index_property(prop, namespace, md=None): + name = prop.name + if prop.doc is not None: + summary = utils.preprocess_docs(prop.doc.content, namespace, summary=True, md=md) + else: + summary = MISSING_DESCRIPTION + if prop.available_since is not None: + available_since = prop.available_since + else: + available_since = None - if prop.deprecated_since is not None: ++ if prop.deprecated: + (version, msg) = prop.deprecated_since + deprecated_since = version + else: + deprecated_since = None + return { + "name": name, + "summary": summary, + "available_since": available_since, + "deprecated_since": deprecated_since, + } + + +def gen_index_signal(signal, namespace, md=None): + name = signal.name + if signal.doc is not None: + summary = utils.preprocess_docs(signal.doc.content, namespace, summary=True, md=md) + else: + summary = MISSING_DESCRIPTION + if signal.available_since is not None: + available_since = signal.available_since + else: + available_since = None - if signal.deprecated_since is not None: ++ if signal.deprecated: + (version, msg) = signal.deprecated_since + deprecated_since = version + else: + deprecated_since = None + return { + "name": name, + "summary": summary, + "available_since": available_since, + "deprecated_since": deprecated_since, + } + + +def gen_index_ancestor(ancestor_type, namespace, config, md=None): + ancestor_name = ancestor_type.name + if '.' in ancestor_name: + ns, ancestor_name = ancestor_name.split('.') + else: + ns = ancestor_type.namespace or namespace.name + res = namespace.repository.find_class(ancestor_name, ns) + if res is not None: + ancestor_ns = res[0].name + ancestor_ctype = res[1].base_ctype + ancestor = res[1] + else: + ancestor_ns = ancestor_type.namespace or namespace.name + ancestor_ctype = ancestor_type.base_ctype + ancestor = None + n_methods = 0 + methods = [] + n_properties = 0 + properties = [] + n_signals = 0 + signals = [] + # We don't use real Template objects, here, because it can be + # extremely expensive, unless we add a cache somewhere + if ancestor is not None: + # Set a hard-limit on the number of methods; base types can + # add *a lot* of them; two dozens feel like a good compromise + for m in ancestor.methods: + is_hidden = config.is_hidden(ancestor_name, "method", m.name) + if not is_hidden: + n_methods += 1 + if n_methods > 0 and n_methods < 24: + for m in ancestor.methods: + if not config.is_hidden(ancestor_name, "method", m.name): + methods.append(gen_index_func(m, namespace, md)) + for p in ancestor.properties.values(): + if not config.is_hidden(ancestor_name, "property", p.name): + n_properties += 1 + properties.append(gen_index_property(p, namespace, md)) + for s in ancestor.signals.values(): + if not config.is_hidden(ancestor_name, "signal", s.name): + n_signals += 1 + signals.append(gen_index_signal(s, namespace, md)) + return { + "namespace": ancestor_ns, + "name": ancestor_name, + "fqtn": f"{ancestor_ns}.{ancestor_name}", + "type_cname": ancestor_ctype, + "properties": properties, + "n_properties": n_properties, + "signals": signals, + "n_signals": n_signals, + "methods": methods, + "n_methods": n_methods, + } + + +def gen_index_implements(iface_type, namespace, config, md=None): + iface_name = iface_type.name + if '.' in iface_name: + ns, iface_name = iface_name.split('.') + else: + ns = iface_type.namespace or namespace.name + res = namespace.repository.find_interface(iface_name, ns) + if res is not None: + iface_ns = res[0].name + iface_ctype = res[1].base_ctype + iface = res[1] + else: + iface_ns = iface_type.namespace or namespace.name + iface_ctype = iface_type.base_ctype + iface = None + n_methods = 0 + methods = [] + n_properties = 0 + properties = [] + n_signals = 0 + signals = [] + if iface is not None: + # Set a hard-limit on the number of methods; base types can + # add *a lot* of them; two dozens feel like a good compromise + for m in iface.methods: + is_hidden = config.is_hidden(iface_name, "method", m.name) + if not is_hidden: + n_methods += 1 + if n_methods > 0 and n_methods < 24: + for m in iface.methods: + if not config.is_hidden(iface_name, "method", m.name): + methods.append(gen_index_func(m, namespace, md)) + for p in iface.properties.values(): + if not config.is_hidden(iface_name, "property", p.name): + n_properties += 1 + properties.append(gen_index_property(p, namespace, md)) + for s in iface.signals.values(): + if not config.is_hidden(iface.name, "signal", s.name): + n_signals += 1 + signals.append(gen_index_signal(s, namespace, md)) + return { + "namespace": iface_ns, + "name": iface_name, + "fqtn": f"{iface_ns}.{iface_name}", + "type_cname": iface_ctype, + "properties": properties, + "n_properties": n_properties, + "signals": signals, + "n_signals": n_signals, + "methods": methods, + "n_methods": n_methods, + } + + +def gen_type_link(repository, namespace, name, ctype=None): + res = repository.find_type(name, ns=namespace) + if res is None: + if ctype is not None: + return f"{ctype}" + elif name in ['utf8', 'filename']: + return "char*" + else: + return f"{name}" + + ns, t = res + if t.is_fundamental: + return f"{t.ctype}" + + if isinstance(t, gir.Alias): + link = f"alias.{name}.html" + elif isinstance(t, gir.BitField): + link = f"flags.{name}.html" + elif isinstance(t, gir.Callback): + link = f"callback.{name}.html" + elif isinstance(t, gir.Class): + link = f"class.{name}.html" + elif isinstance(t, gir.ErrorDomain): + link = f"error.{name}.html" + elif isinstance(t, gir.Enumeration): + link = f"enum.{name}.html" + elif isinstance(t, gir.Interface): + link = f"iface.{name}.html" + elif isinstance(t, gir.Record): + link = f"struct.{name}.html" + elif isinstance(t, gir.Union): + link = f"union.{name}.html" + else: + return f"{t.ctype}" + + text = f"{t.ctype}" + if ns.name == repository.namespace.name: + href = f'href="{link}"' + css_class = "" + data_link = "" + data_ns = "" + else: + href = 'href="javascript:void(0)"' + css_class = ' class="external"' + data_link = f' data-link="{link}"' + data_ns = f' data-namespace="{ns.name}"' + + return f"{text}" + + +class TemplateConstant: + def __init__(self, namespace, const): + self.value = const.value + self.identifier = const.ctype + self.type_cname = const.target.ctype + self.namespace = namespace.name + self.name = const.name + self.fqtn = f"{namespace.name}.{const.name}" + + if const.doc is not None: + self.summary = utils.preprocess_docs(const.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(const.doc.content, namespace) + filename = const.doc.filename + if filename.startswith('../'): + filename = filename.replace('../', '') + line = const.doc.line + const.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = const.stability + self.attributes = const.attributes + self.available_since = const.available_since - if const.deprecated_since is not None: ++ if const.deprecated: + (version, msg) = const.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = const.introspectable + self.hierarchy_svg = None + + @property + def c_decl(self): + return utils.code_highlight(f"#define {self.identifier} {self.value}") + + +class TemplateProperty: + def __init__(self, namespace, type_, prop): + self.name = prop.name + self.is_fundamental = prop.target.is_fundamental + self.is_array = isinstance(prop.target, gir.ArrayType) + self.is_list = isinstance(prop.target, gir.ListType) + self.is_list_model = prop.target.name in ['Gio.ListModel', 'GListModel'] + self.readable = prop.readable + self.writable = prop.writable + self.construct = prop.construct + self.construct_only = prop.construct_only + if self.is_fundamental: + self.type_name = prop.target.name + self.type_cname = prop.target.ctype + elif self.is_array or self.is_list: + value_type = prop.target.value_type + if value_type.name in ['utf8', 'filename']: + self.type_name = "string[]" + self.type_cname = "char*" + elif value_type.ctype is not None: + self.type_name = value_type.name + self.type_cname = value_type.ctype + else: + self.type_name = value_type.name + self.type_cname = type_name_to_cname(value_type.name, True) + else: + self.type_name = prop.target.name + self.type_cname = prop.target.ctype + if prop.doc is not None: + self.summary = utils.preprocess_docs(prop.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(prop.doc.content, namespace) + filename = prop.doc.filename + if filename.startswith('../'): + filename = filename.replace('../', '') + line = prop.doc.line + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = prop.stability + self.available_since = prop.available_since - if prop.deprecated_since is not None: ++ if prop.deprecated: + (version, msg) = prop.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = prop.introspectable + + def transform_set_attribute(namespace, prop, setter_func): + if setter_func is None: + log.warning(f"Missing value in the set attribute for {prop.name}") + return None + t = namespace.find_symbol(setter_func) + if t is None: + log.warning(f"Invalid Property.set attribute for {prop.name}: {setter_func}") + return setter_func + if not (isinstance(t, gir.Class) or isinstance(t, gir.Interface)): + log.warning(f"Invalid setter function {setter_func} for property {namespace.name}.{t.name}:{prop.name}") + return setter_func + func_name = setter_func.replace(namespace.symbol_prefix[0] + '_', '') + func_name = func_name.replace(t.symbol_prefix + '_', '') + href = f"method.{t.name}.{func_name}.html" + return Markup(f"{setter_func}") + + def transform_get_attribute(namespace, prop, getter_func): + if getter_func is None: + log.warning(f"Missing value in the get attribute for {prop.name}") + return None + t = namespace.find_symbol(getter_func) + if t is None: + log.warning(f"Invalid Property.get attribute for {prop.name}: {getter_func}") + return getter_func + if not (isinstance(t, gir.Class) or isinstance(t, gir.Interface)): + log.warning(f"Invalid getter function {getter_func} for property {namespace.name}.{t.name}:{prop.name}") + return getter_func + func_name = getter_func.replace(namespace.symbol_prefix[0] + '_', '') + func_name = func_name.replace(t.symbol_prefix + '_', '') + href = f"method.{t.name}.{func_name}.html" + return Markup(f"{getter_func}") + + def transform_default_attribute(namespace, prop, default_value): + if default_value is None: + log.warning(f"Missing value in the default attribute for {prop.name}") + return None + return Markup(f"{default_value}") + + ATTRIBUTE_NAMES = { + "org.gtk.Property.set": { + "label": "Setter method", + "transform": transform_set_attribute, + }, + "org.gtk.Property.get": { + "label": "Getter method", + "transform": transform_get_attribute, + }, + "org.gtk.Property.default": { + "label": "Default value", + "transform": transform_default_attribute, + }, + } + + self.attributes = {} + for name in (prop.attributes or {}): + value = prop.attributes[name] + if name in ATTRIBUTE_NAMES: + label = ATTRIBUTE_NAMES[name].get("label") + transform = ATTRIBUTE_NAMES[name].get("transform") + if transform is not None: + self.attributes[label] = transform(namespace, prop, value) + else: + self.attributes[name] = value + + def gen_method_link(ns, t, method): + for m in t.methods: + if m.name == method: + href = f"method.{t.name}.{m.name}.html" + return Markup(f'{m.identifier}()') + return None + + if prop.setter is not None: + link = gen_method_link(namespace, type_, prop.setter) + if link is not None: + self.attributes["Setter method"] = link + if prop.getter is not None: + link = gen_method_link(namespace, type_, prop.getter) + if link is not None: + self.attributes["Getter method"] = link + + if self.is_fundamental: + self.link = f"{self.type_cname}" + elif self.is_array or self.is_list: + self.link = f"{self.type_cname}" + elif prop.target.name is not None: + name = prop.target.name + if '.' in name: + ns, name = name.split('.') + else: + ns = namespace.name + self.link = gen_type_link(namespace.repository, ns, name, self.type_cname) + + @property + def c_decl(self): + flags = [] + if self.readable: + flags += ['read'] + if self.writable: + flags += ['write'] + if self.construct: + flags += ['construct'] + if self.construct_only: + flags += ['construct-only'] + flags = ", ".join(flags) + return f"property {self.name}: {self.type_name} [ {flags} ]" + + +class TemplateArgument: + def __init__(self, namespace, call, argument): + self.name = argument.name + self.type_name = argument.target.name + self.is_array = isinstance(argument.target, gir.ArrayType) + self.is_list = isinstance(argument.target, gir.ListType) + self.is_map = isinstance(argument.target, gir.MapType) + self.is_varargs = isinstance(argument.target, gir.VarArgs) + self.is_macro = isinstance(call, gir.FunctionMacro) + self.is_list_model = self.type_name in ['Gio.ListModel', 'GListModel'] + self.is_fundamental = argument.target.is_fundamental + if isinstance(call, gir.FunctionMacro): + self.type_cname = '-' + elif self.is_array or self.is_list: + if argument.target.ctype is None: + if argument.target.value_type.name in ['utf8', 'filename']: + self.type_cname = 'char**' + elif argument.target.value_type.ctype is not None: + self.type_cname = argument.target.value_type.ctype + '*' + else: + self.type_cname = 'gpointer' + else: + self.type_cname = argument.target.ctype + elif self.type_name in ['utf8', 'filename']: + if argument.target.ctype is None: + self.type_cname = 'char*' + else: + self.type_cname = argument.target.ctype + elif self.is_fundamental: + if argument.target.ctype is None: + self.type_cname = type_name_to_cname(argument.target.name, False) + else: + self.type_cname = argument.target.ctype + else: + self.type_cname = argument.target.ctype + if self.type_cname is None: + self.type_cname = type_name_to_cname(argument.target.name, True) + self.transfer = argument.transfer or 'none' + if isinstance(call, gir.Method): + self.transfer_note = METHOD_ARG_TRANSFER_MODES[argument.transfer or 'none'] + else: + self.transfer_note = ARG_TRANSFER_MODES[argument.transfer or 'none'] + self.direction = argument.direction or 'in' + self.direction_note = DIRECTION_MODES[argument.direction] + self.optional = argument.optional + self.nullable = argument.nullable + self.scope = SCOPE_MODES[argument.scope or 'none'] + self.introspectable = argument.introspectable + if argument.closure != -1: + self.closure = call.parameters[argument.closure] + else: + self.closure = None + if self.is_array: + self.value_type = argument.target.value_type.name + self.value_type_cname = argument.target.value_type.ctype + self.fixed_size = argument.target.fixed_size + self.zero_terminated = argument.target.zero_terminated + self.len_arg = argument.target.length != -1 and call.parameters[argument.target.length].name + if self.is_list: + self.value_type = argument.target.value_type.name + self.value_type_cname = argument.target.value_type.ctype + if self.is_list_model: + self.value_type = argument.attributes.get('element-type', 'GObject') + if self.type_name in ['utf8', 'filename']: + self.string_note = STRING_TYPES[self.type_name] + elif self.is_array or self.is_list: + if self.value_type in ['utf8', 'filename']: + self.string_note = STRING_ELEMENT_TYPES[self.value_type] + if argument.doc is not None: + self.summary = utils.preprocess_docs(argument.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(argument.doc.content, namespace) + else: + self.description = MISSING_DESCRIPTION + if self.is_array: + name = self.value_type + elif self.is_list: + name = self.value_type + elif self.type_name is not None: + name = self.type_name + else: + name = None + if name is not None: + if self.is_fundamental: + self.link = f"{self.type_cname}" + elif self.is_array: + self.link = f"{self.value_type_cname}" + elif self.is_list: + self.link = f"{self.value_type_cname}" + elif self.is_list_model: + self.link = f"{self.value_type}" + else: + if '.' in name: + ns, name = name.split('.') + else: + ns = namespace.name + self.link = gen_type_link(namespace.repository, ns, name, self.type_cname) + + @property + def is_pointer(self): + if self.type_cname is None: + return False + if self.direction in ['out', 'inout'] and self.is_fundamental and self.type_cname.count('*') == 1: + return False ++ if self.is_fundamental and self.type_cname in ['gpointer', 'gconstpointer']: ++ return True + return '*' in self.type_cname + + @property + def c_decl(self): + if self.is_varargs: + return "..." + elif self.is_macro: + return f"{self.name}" + else: + return f"{self.type_cname} {self.name}" + + +class TemplateReturnValue: + def __init__(self, namespace, call, retval): + self.name = retval.name + self.type_name = retval.target.name + self.type_cname = retval.target.ctype + self.is_fundamental = retval.target.is_fundamental + if self.type_cname is None: + self.type_cname = type_name_to_cname(retval.target.name, True) + self.is_array = isinstance(retval.target, gir.ArrayType) + self.is_list = isinstance(retval.target, gir.ListType) + self.is_list_model = self.type_name in ['Gio.ListModel', 'GListModel'] + self.transfer = retval.transfer or 'none' + if isinstance(call, gir.Method): + self.transfer_note = METHOD_RETVAL_TRANSFER_MODES[retval.transfer or 'none'] + else: + self.transfer_note = RETVAL_TRANSFER_MODES[retval.transfer or 'none'] + self.nullable = retval.nullable + if self.is_array: + self.value_type = retval.target.value_type.name + self.value_type_cname = retval.target.value_type.ctype + self.fixed_size = retval.target.fixed_size + self.zero_terminated = retval.target.zero_terminated + self.len_arg = retval.target.length != -1 and call.parameters[retval.target.length].name + if self.is_list: + self.value_type = retval.target.value_type.name + self.value_type_cname = retval.target.value_type.ctype + if self.is_list_model: + self.value_type = retval.attributes.get('element-type', 'GObject') + if self.type_name in ['utf8', 'filename']: + self.string_note = STRING_TYPES[self.type_name] + elif self.is_array or self.is_list: + if self.value_type in ['utf8', 'filename']: + self.string_note = STRING_ELEMENT_TYPES[self.value_type] + if retval.doc is not None: + self.summary = utils.preprocess_docs(retval.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(retval.doc.content, namespace) + else: + self.description = MISSING_DESCRIPTION + self.introspectable = retval.introspectable + if self.is_array: + name = self.value_type + elif self.is_list: + name = self.value_type + elif self.is_list_model: + name = self.value_type + elif self.type_name is not None: + name = self.type_name + else: + name = None + if name is not None: + if self.is_fundamental: + self.link = f"{self.type_cname}" + elif self.is_array: + self.link = f"{self.value_type_cname}" + elif self.is_list: + self.link = f"{self.value_type_cname}" + elif self.is_list_model: + self.link = f"{self.value_type}" + else: + if '.' in name: + ns, name = name.split('.') + else: + ns = namespace.name + self.link = gen_type_link(namespace.repository, ns, name, self.type_cname) + + @property + def is_pointer(self): + if self.type_cname is None: + return False - return '*' in self.type_cname ++ elif self.is_fundamental and self.type_cname in ['gpointer', 'gconstpointer']: ++ return True ++ else: ++ return '*' in self.type_cname + + +class TemplateSignal: + def __init__(self, namespace, type_, signal): + self.name = signal.name + self.type_cname = type_.base_ctype + self.identifier = signal.name.replace("-", "_") + + if signal.doc is not None: + self.summary = utils.preprocess_docs(signal.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(signal.doc.content, namespace) + filename = signal.doc.filename + if filename.startswith('../'): + filename = filename.replace('../', '') + line = signal.doc.line + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.is_detailed = signal.detailed + self.is_action = signal.action + self.no_recurse = signal.no_recurse + self.no_hooks = signal.no_hooks + if signal.when: + self.when = utils.preprocess_docs(SIGNAL_WHEN[signal.when], namespace) + + self.arguments = [] + for arg in signal.parameters: + self.arguments.append(TemplateArgument(namespace, signal, arg)) + + self.return_value = None + if not isinstance(signal.return_value.target, gir.VoidType): + self.return_value = TemplateReturnValue(namespace, signal, signal.return_value) + + self.stability = signal.stability + self.attributes = signal.attributes + self.available_since = signal.available_since - if signal.deprecated_since is not None: ++ if signal.deprecated: + (version, msg) = signal.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = signal.introspectable + + @property + def c_decl(self): + res = [] + if self.return_value is None: + res += ["void"] + else: + res += [f"{self.return_value.type_cname}"] + res += [f"{self.identifier} ("] + res += [f" {self.type_cname}* self,"] + for arg in self.arguments: + res += [f" {arg.c_decl},"] + res += [" gpointer user_data"] + res += [")"] + return utils.code_highlight("\n".join(res)) + + +class TemplateMethod: + def __init__(self, namespace, type_, method): + self.name = method.name + self.identifier = method.identifier + + if method.doc is not None: + self.summary = utils.preprocess_docs(method.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(method.doc.content, namespace) + filename = method.doc.filename + line = method.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.throws = method.throws + + self.instance_parameter = TemplateArgument(namespace, method, method.instance_param) + + self.arguments = [] + for arg in method.parameters: + self.arguments.append(TemplateArgument(namespace, method, arg)) + + self.return_value = None + if not isinstance(method.return_value.target, gir.VoidType): + self.return_value = TemplateReturnValue(namespace, method, method.return_value) + + self.stability = method.stability + self.available_since = method.available_since - if method.deprecated_since is not None: ++ if method.deprecated: + (version, msg) = method.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + if method.source_position is not None: + filename, line = method.source_position + if filename.startswith('../'): + filename = filename.replace('../', '') + self.source_location = (filename, line) + + self.introspectable = method.introspectable + ++ self.shadows = method.shadows ++ if method.shadows: ++ for m in type_.methods: ++ if m.name == method.shadows: ++ self.shadows_symbol = m.identifier ++ break ++ self.shadowed_by = method.shadowed_by ++ if method.shadowed_by: ++ for m in type_.methods: ++ if m.name == method.shadowed_by: ++ self.shadowed_by_symbol = m.identifier ++ break ++ + def transform_property_attribute(namespace, type_, method, value): + if value in type_.properties: + text = f"{namespace.name}.{type_.name}:{value}" + href = f"property.{type_.name}.{value}.html" + return Markup(f"{text}") + log.warning(f"Property {value} linked to method {method.name} not found in {namespace.name}.{type_.name}") + return value + + def transform_signal_attribute(namespace, type_, method, value): + if value in type_.signals: + text = f"{namespace.name}.{type_.name}::{value}" + href = f"signal.{type_.name}.{value}.html" + return Markup(f"{text}") + log.warning(f"Signal {value} linked to method {method.name} not found in {namespace.name}.{type_.name}") + return value + + ATTRIBUTE_NAMES = { + "org.gtk.Method.set_property": { + "label": "Sets property", + "transform": transform_property_attribute, + }, + "org.gtk.Method.get_property": { + "label": "Gets property", + "transform": transform_property_attribute, + }, + "org.gtk.Method.signal": { + "label": "Emits signal", + "transform": transform_signal_attribute, + } + } + + self.attributes = {} + for name in (method.attributes or {}): + value = method.attributes[name] + if name in ATTRIBUTE_NAMES: + label = ATTRIBUTE_NAMES[name].get("label") + transform = ATTRIBUTE_NAMES[name].get("transform") + if transform is not None: + self.attributes[label] = transform(namespace, type_, method, value) + else: + self.attributes[name] = value + + def gen_property_link(namespace, t, prop_name): + if prop_name not in t.properties: + return None + prop = t.properties[prop_name] + text = f"{namespace.name}.{t.name}:{prop.name}" + href = f"property.{t.name}.{prop.name}.html" + return Markup(f'{text}') + + if isinstance(method, gir.Method): + if method.set_property is not None: + link = gen_property_link(namespace, type_, method.set_property) + if link is not None: + self.attributes["Sets property"] = link + if method.get_property is not None: + link = gen_property_link(namespace, type_, method.get_property) + if link is not None: + self.attributes["Gets property"] = link + + @property + def c_decl(self): + res = [] + if self.return_value is None: + res += ["void"] + else: + res += [f"{self.return_value.type_cname}"] + if self.identifier is not None: + res += [f"{self.identifier} ("] + else: + res += [f"{self.name} ("] + n_args = len(self.arguments) + if n_args == 0: + res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name}"] + else: + res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name},"] + for (idx, arg) in enumerate(self.arguments): + if idx == n_args - 1 and not self.throws: + res += [f" {arg.c_decl}"] + else: + res += [f" {arg.c_decl},"] + if self.throws: + res += [" GError** error"] + res += [")"] + return utils.code_highlight("\n".join(res)) + + +class TemplateClassMethod: + def __init__(self, namespace, cls, method): + self.name = method.name + self.identifier = method.identifier + self.class_type_cname = namespace.identifier_prefix[0] + cls.type_struct + + self.throws = method.throws + + if method.doc is not None: + self.summary = utils.preprocess_docs(method.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(method.doc.content, namespace) + filename = method.doc.filename + line = method.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.instance_parameter = TemplateArgument(namespace, method, method.instance_param) + + self.arguments = [] + for arg in method.parameters: + self.arguments.append(TemplateArgument(namespace, method, arg)) + + self.return_value = None + if not isinstance(method.return_value.target, gir.VoidType): + self.return_value = TemplateReturnValue(namespace, method, method.return_value) + + self.stability = method.stability + self.attributes = method.attributes + self.available_since = method.available_since - if method.deprecated_since is not None: ++ if method.deprecated: + (version, msg) = method.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + if method.source_position is not None: + filename, line = method.source_position + if filename.startswith('../'): + filename = filename.replace('../', '') + self.source_location = (filename, line) + + self.introspectable = method.introspectable + + @property + def c_decl(self): + res = [] + if self.return_value is None: + res += ["void"] + else: + res += [f"{self.return_value.type_cname}"] + res += [f"{self.identifier} ("] + n_args = len(self.arguments) + if n_args == 0: + res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name}"] + else: + res += [f" {self.instance_parameter.type_cname} {self.instance_parameter.name},"] + for (idx, arg) in enumerate(self.arguments): + if idx == n_args - 1 and not self.throws: + res += [f" {arg.c_decl}"] + else: + res += [f" {arg.c_decl},"] + if self.throws: + res += [" GError** error"] + res += [")"] + return utils.code_highlight("\n".join(res)) + + +class TemplateFunction: + def __init__(self, namespace, func): + self.identifier = func.identifier + self.name = func.name + self.namespace = namespace.name + + self.is_macro = isinstance(func, gir.FunctionMacro) + + self.throws = func.throws + + if func.doc is not None: + self.summary = utils.preprocess_docs(func.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(func.doc.content, namespace) + filename = func.doc.filename + line = func.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.arguments = [] + for arg in func.parameters: + self.arguments.append(TemplateArgument(namespace, func, arg)) + + self.return_value = None + if not isinstance(func.return_value.target, gir.VoidType): + self.return_value = TemplateReturnValue(namespace, func, func.return_value) + + self.stability = func.stability + self.attributes = func.attributes + self.available_since = func.available_since - if func.deprecated_since is not None: ++ if func.deprecated: + (version, msg) = func.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + if func.source_position is not None: + filename, line = func.source_position + if filename.startswith('../'): + filename = filename.replace('../', '') + self.source_location = (filename, line) + + self.introspectable = func.introspectable + ++ self.shadows = func.shadows ++ if func.shadows: ++ f = namespace.find_function(func.shadows) ++ if f is not None: ++ self.shadows_symbol = f.identifier ++ self.shadowed_by = func.shadowed_by ++ if func.shadowed_by: ++ f = namespace.find_function(func.shadowed_by) ++ if f is not None: ++ self.shadowed_by_symbol = f.identifier ++ + @property + def c_decl(self): + res = [] + if self.is_macro: + res += [f"#define {self.identifier} ("] + else: + if self.return_value is None: + res += ["void"] + else: + res += [f"{self.return_value.type_cname}"] + res += [f"{self.identifier} ("] + n_args = len(self.arguments) + if n_args == 0: + res += [" void"] + else: + for (idx, arg) in enumerate(self.arguments): + if idx == n_args - 1 and not self.throws: + res += [f" {arg.c_decl}"] + else: + res += [f" {arg.c_decl},"] + if self.throws: + res += [" GError** error"] + res += [")"] + return utils.code_highlight("\n".join(res)) + + +class TemplateCallback: + def __init__(self, namespace, cb, field=False): + self.name = cb.name + self.type_cname = cb.ctype + self.identifier = cb.name.replace("-", "_") + self.field = field + + if cb.doc is not None: + self.summary = utils.preprocess_docs(cb.doc.content, namespace, summary=True) + self.description = utils.preprocess_docs(cb.doc.content, namespace) + filename = cb.doc.filename + line = cb.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.arguments = [] + for arg in cb.parameters: + self.arguments.append(TemplateArgument(namespace, cb, arg)) + + self.return_value = None + if not isinstance(cb.return_value.target, gir.VoidType): + self.return_value = TemplateReturnValue(namespace, cb, cb.return_value) + + self.throws = cb.throws + + self.stability = cb.stability + self.attributes = cb.attributes + self.available_since = cb.available_since - if cb.deprecated_since is not None: ++ if cb.deprecated: + (version, msg) = cb.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = cb.introspectable + + @property + def c_decl(self): + res = [] + if self.field: + arg_indent = " " + else: + arg_indent = " " + if self.return_value is None: + retval = "void" + else: + retval = f"{self.return_value.type_cname}" + if self.field: + res += [f"{retval} (* {self.identifier}) ("] + else: + res += [retval] + res += [f"(* {self.type_cname}) ("] + n_args = len(self.arguments) + if n_args == 0: + res += ["void"] + else: + for (idx, arg) in enumerate(self.arguments): + if idx == n_args - 1 and not self.throws: + res += [f"{arg_indent}{arg.type_cname} {arg.name}"] + else: + res += [f"{arg_indent}{arg.type_cname} {arg.name},"] + if self.throws: + res += [f"{arg_indent}GError** error"] + if self.field: + res += [" )"] + else: + res += [")"] + if self.field: + return "\n".join(res) + else: + return utils.code_highlight("\n".join(res)) + + +class TemplateField: + def __init__(self, namespace, field): + self.name = field.name + if field.target is not None: + if isinstance(field.target, gir.Callback): + self.is_callback = True + self.type_name: field.target.name + self.type_cname = TemplateCallback(namespace, field.target, field=True).c_decl + else: + self.is_callback = False + self.type_name = field.target.name + self.type_cname = field.target.ctype + else: + self.is_callback = False + self.type_name = 'none' + self.type_cname = 'gpointer' + self.private = field.private + self.bits = field.bits + if field.doc is not None: + self.description = utils.preprocess_docs(field.doc.content, namespace) + else: + self.description = MISSING_DESCRIPTION + self.introspectable = field.introspectable + + +class TemplateInterface: + def __init__(self, namespace, interface, config): + if isinstance(interface, gir.Interface): + if '.' in interface.name: + self.namespace, self.name = interface.name.split('.') + self.fqtn = interface.name + else: + self.namespace = interface.namespace + self.name = interface.name + self.fqtn = f"{self.namespace}.{self.name}" + elif isinstance(interface, gir.Type): + if '.' in interface.name: + self.namespace, self.name = interface.name.split('.') + else: + self.namespace = interface.namespace or namespace.name + self.name = interface.name + self.fqtn = f"{self.namespace}.{self.name}" + self.requires = "GObject.Object" + self.link_prefix = "iface" + self.description = MISSING_DESCRIPTION + return + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + requires = interface.prerequisite + if requires is None: + self.requires_namespace = "GObject" + self.requires_name = "Object" + self.requires_ctype = "GObject" + elif '.' in requires.name: + self.requires_namespace, self.requires_name = requires.name.split('.') + self.requires_ctype = requires.ctype + else: + self.requires_namespace = requires.namespace or namespace.name + self.requires_name = requires.name + self.requires_ctype = requires.ctype + + self.requires_fqtn = f"{self.requires_namespace}.{self.requires_name}" + log.debug(f"Preqrequisite for {self.fqtn}: {self.requires_fqtn}") + + self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{interface.symbol_prefix}" + self.type_cname = interface.base_ctype + + self.link_prefix = "iface" + + if interface.doc is not None: + self.summary = utils.preprocess_docs(interface.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(interface.doc.content, namespace, md=md) ++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None + filename = interface.doc.filename + line = interface.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = interface.stability + self.attributes = interface.attributes + self.available_since = interface.available_since - if interface.deprecated_since is not None: ++ if interface.deprecated: + (version, msg) = interface.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = interface.introspectable + + self.class_name = interface.type_struct + + self.class_struct = namespace.find_record(interface.type_struct) + if self.class_struct is not None: + self.class_fields = [] + self.class_methods = [] + + for field in self.class_struct.fields: + if not field.private: + self.class_fields.append(TemplateField(namespace, field)) + + for method in self.class_struct.methods: + self.class_methods.append(gen_index_func(method, namespace, md)) + + if len(interface.properties) != 0: + self.properties = [] + for pname, prop in interface.properties.items(): + if not config.is_hidden(interface.name, "property", pname): + self.properties.append(gen_index_property(prop, namespace, md)) + + if len(interface.signals) != 0: + self.signals = [] + for sname, signal in interface.signals.items(): + if not config.is_hidden(interface.name, "signal", sname): + self.signals.append(gen_index_signal(signal, namespace, md)) + + if len(interface.methods) != 0: + self.methods = [] + for method in interface.methods: + if not config.is_hidden(interface.name, "method", method.name): + self.methods.append(gen_index_func(method, namespace, md)) + + if len(interface.virtual_methods) != 0: + self.virtual_methods = [] + for vfunc in interface.virtual_methods: + self.virtual_methods.append(gen_index_func(vfunc, namespace, md)) + + if len(interface.functions) != 0: + self.type_funcs = [] + for func in interface.functions: + if not config.is_hidden(interface.name, "function", func.name): + self.type_funcs.append(gen_index_func(func, namespace, md)) + + if len(interface.implementations) != 0: + self.implementations = [] + for impl in interface.implementations: + self.implementations.append({ + 'name': impl.name, + 'ctype': impl.ctype, + }) + + @property + def c_decl(self): + return f"interface {self.fqtn} : {self.requires_fqtn}" + + +class TemplateClass: + def __init__(self, namespace, cls, config, recurse=True): + self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{cls.symbol_prefix}" + self.type_cname = cls.base_ctype + self.link_prefix = "class" + self.fundamental = cls.fundamental + self.abstract = cls.abstract + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + if '.' in cls.name: + self.namespace = cls.name.split('.')[0] + self.name = cls.name.split('.')[1] + self.fqtn = cls.name + else: + self.namespace = namespace.name + self.name = cls.name + self.fqtn = f"{namespace.name}.{self.name}" + + if cls.parent is None or cls.fundamental: + self.parent_fqtn = 'GObject.TypeInstance' + self.parent_cname = 'GTypeInstance*' + self.parent_name = 'TypeInstance' + self.parent_namespace = 'GObject' + elif '.' in cls.parent.name: + self.parent_fqtn = cls.parent.name + self.parent_cname = cls.parent.ctype + self.parent_namespace = self.parent_fqtn.split('.')[0] + self.parent_name = self.parent_fqtn.split('.')[1] + else: + self.parent_cname = cls.parent.ctype + self.parent_name = cls.parent.name + self.parent_namespace = cls.parent.namespace or namespace.name + self.parent_fqtn = f"{self.parent_namespace}.{self.parent_name}" + + self.ancestors = [] + if recurse: + for ancestor_type in cls.ancestors: + self.ancestors.append(gen_index_ancestor(ancestor_type, namespace, config, md)) + + if cls.descendants: + self.descendants = [] + for descendant in cls.descendants: + self.descendants.append({ + 'name': descendant.name, + 'ctype': descendant.ctype, + }) + + self.class_name = cls.type_struct + + self.instance_struct = None + if len(cls.fields) != 0: + self.instance_struct = self.class_name + + if cls.type_struct is not None: + self.class_struct = namespace.find_record(cls.type_struct) + else: + self.class_struct = None + + # "Final", in the absence of an actual flag or annotation, + # is determined through an heuristic; if either the instance + # or the class structures are missing or disguised, then the + # type cannot be derived + if self.instance_struct is None or self.class_struct is None or self.class_struct.disguised: + self.final = True + else: + self.final = False + + if cls.doc is not None: + self.summary = utils.preprocess_docs(cls.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(cls.doc.content, namespace, md=md) ++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None + filename = cls.doc.filename + line = cls.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = cls.stability + self.attributes = cls.attributes + self.available_since = cls.available_since - if cls.deprecated_since is not None: ++ if cls.deprecated: + (version, msg) = cls.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace, md=md), + } + else: + self.deprecated_since = None + + self.introspectable = cls.introspectable + + self.fields = [] + for field in cls.fields: + if not field.private: + self.fields.append(TemplateField(namespace, field)) + + self.properties = [] + if len(cls.properties) != 0: + for pname, prop in cls.properties.items(): + if not config.is_hidden(cls.name, "property", pname): + self.properties.append(gen_index_property(prop, namespace, md)) + + self.signals = [] + if len(cls.signals) != 0: + for sname, signal in cls.signals.items(): + if not config.is_hidden(cls.name, "signal", sname): + self.signals.append(gen_index_signal(signal, namespace, md)) + + self.ctors = [] + if len(cls.constructors) != 0: + for ctor in cls.constructors: + if not config.is_hidden(cls.name, "constructor", ctor.name): + self.ctors.append(gen_index_func(ctor, namespace, md)) + + self.methods = [] + if len(cls.methods) != 0: + for method in cls.methods: + if not config.is_hidden(cls.name, "method", method.name): + self.methods.append(gen_index_func(method, namespace, md)) + + if self.class_struct is not None: + self.class_ctype = self.class_struct.ctype + self.class_fields = [] + self.class_methods = [] + + for field in self.class_struct.fields: + if not field.private: + self.class_fields.append(TemplateField(namespace, field)) + + for method in self.class_struct.methods: + self.class_methods.append(gen_index_func(method, namespace, md)) + + self.interfaces = [] + if len(cls.implements) != 0: + for iface_type in cls.implements: + self.interfaces.append(gen_index_implements(iface_type, namespace, config, md)) + + self.virtual_methods = [] + if len(cls.virtual_methods) != 0: + for vfunc in cls.virtual_methods: + self.virtual_methods.append(gen_index_func(vfunc, namespace, md)) + + self.type_funcs = [] + if len(cls.functions) != 0: + for func in cls.functions: + if not config.is_hidden(cls.name, "function", func.name): + self.type_funcs.append(gen_index_func(func, namespace, md)) + + @property + def show_methods(self): + if len(self.methods) > 0: + return True + for ancestor in self.ancestors: + if ancestor["n_methods"] > 0: + return True + for iface in self.interfaces: + if iface["n_methods"] > 0: + return True + return False + + @property + def show_properties(self): + if len(self.properties) > 0: + return True + for ancestor in self.ancestors: + if ancestor["n_properties"] > 0: + return True + for iface in self.interfaces: + if iface["n_properties"] > 0: + return True + return False + + @property + def show_signals(self): + if len(self.signals) > 0: + return True + for ancestor in self.ancestors: + if ancestor["n_signals"] > 0: + return True + for iface in self.interfaces: + if iface["n_signals"] > 0: + return True + return False + + @property + def c_decl(self): + if self.abstract: + res = [f"abstract class {self.fqtn} : {self.parent_fqtn} {{"] + elif self.final: + res = [f"final class {self.fqtn} : {self.parent_fqtn} {{"] + else: + res = [f"class {self.fqtn} : {self.parent_fqtn} {{"] + n_fields = len(self.fields) + if n_fields > 0: + for (idx, field) in enumerate(self.fields): + if idx < n_fields - 1: + res += [f" {field.name}: {field.type_cname},"] + else: + res += [f" {field.name}: {field.type_cname}"] + else: + res += [" /* No available fields */"] + res += ["}"] + return "\n".join(res) + + @property + def dot(self): + + def fmt_attrs(attrs): + return ','.join(f'{k}="{v}"' for k, v in attrs.items()) + + def add_link(attrs, other, fragment): + if other['namespace'] == self.namespace: + attrs['href'] = f"{fragment}.{other['name']}.html" + attrs['class'] = 'link' + else: + attrs['tooltip'] = other['fqtn'] + + ancestors = [] + implements = [] + res = ["graph hierarchy {"] + res.append(" bgcolor=\"transparent\";") + node_attrs = { + 'shape': 'box', + 'style': 'rounded', + 'border': 0 + } + this_attrs = { + 'label': self.type_cname, + 'tooltip': self.type_cname + } + this_attrs.update(node_attrs) + res.append(f" this [{fmt_attrs(this_attrs)}];") + for idx, ancestor in enumerate(self.ancestors): + node_id = f"ancestor_{idx}" + ancestor_attrs = { + 'label': ancestor['type_cname'] + } + ancestor_attrs.update(node_attrs) + add_link(ancestor_attrs, ancestor, 'class') + res.append(f" {node_id} [{fmt_attrs(ancestor_attrs)}];") + ancestors.append(node_id) + ancestors.reverse() + for idx, iface in enumerate(getattr(self, "interfaces", [])): + node_id = f"implements_{idx}" + iface_attrs = { + 'label': iface['type_cname'], + 'fontname': 'sans-serif', + 'shape': 'box', + } + add_link(iface_attrs, iface, 'iface') + res.append(f" {node_id} [{fmt_attrs(iface_attrs)}];") + implements.append(node_id) + if len(ancestors) > 0: + res.append(" " + " -- ".join(ancestors) + " -- this;") + for node in implements: + res.append(f" this -- {node} [style=dotted];") + res.append("}") + return "\n".join(res) + + +class TemplateRecord: + def __init__(self, namespace, record, config): + self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{record.symbol_prefix}" + self.type_cname = record.ctype + self.link_prefix = "struct" + + self.name = record.name + self.namespace = record.name or namespace.name + self.fqtn = f"{self.namespace}.{self.name}" + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + if record.doc is not None: + self.summary = utils.preprocess_docs(record.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(record.doc.content, namespace, md=md) ++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None + filename = record.doc.filename + line = record.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = record.stability + self.attributes = record.attributes + self.available_since = record.available_since - if record.deprecated_since is not None: ++ if record.deprecated: + (version, msg) = record.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace, md=md), + } + else: + self.deprecated_since = None + + self.introspectable = record.introspectable + + self.fields = [] + for field in record.fields: + if not field.private: + self.fields.append(TemplateField(namespace, field)) + + if len(record.constructors) != 0: + self.ctors = [] + for ctor in record.constructors: + if not config.is_hidden(record.name, "constructor", ctor.name): + self.ctors.append(gen_index_func(ctor, namespace, md)) + + if len(record.methods) != 0: + self.methods = [] + for method in record.methods: + if not config.is_hidden(record.name, "method", method.name): + self.methods.append(gen_index_func(method, namespace, md)) + + if len(record.functions) != 0: + self.type_funcs = [] + for func in record.functions: + if not config.is_hidden(record.name, "function", func.name): + self.type_funcs.append(gen_index_func(func, namespace, md)) + + @property + def c_decl(self): + res = [f"struct {self.type_cname} {{"] + n_fields = len(self.fields) + if n_fields > 0: + for field in self.fields: + if field.is_callback: + res += [f" {field.type_cname};"] + elif field.bits > 0: + res += [f" {field.type_cname} {field.name} : {field.bits};"] + else: + res += [f" {field.type_cname} {field.name};"] + else: + res += [" /* No available fields */"] + res += ["}"] + return utils.code_highlight("\n".join(res)) + + +class TemplateUnion: + def __init__(self, namespace, union, config): + self.symbol_prefix = f"{namespace.symbol_prefix[0]}_{union.symbol_prefix}" + self.type_cname = union.ctype + self.link_prefix = "union" + self.name = union.name + self.namespace = union.namespace or namespace.name + self.fqtn = f"{self.namespace}.{self.name}" + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + if union.doc is not None: + self.summary = utils.preprocess_docs(union.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(union.doc.content, namespace, md=md) ++ self.description_toc = md.toc_tokens is not None and md.toc_tokens.copy() or None + filename = union.doc.filename + line = union.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = union.stability + self.attributes = union.attributes + self.available_since = union.available_since - if union.deprecated_since is not None: ++ if union.deprecated: + (version, msg) = union.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace, md=md), + } + else: + self.deprecated_since = None + + self.introspectable = union.introspectable + + self.fields = [] + for field in union.fields: + if not field.private: + self.fields.append(TemplateField(namespace, field)) + + if len(union.constructors) != 0: + self.ctors = [] + for ctor in union.constructors: + if not config.is_hidden(union.name, "constructor", ctor.name): + self.ctors.append(gen_index_func(ctor, namespace, md)) + + if len(union.methods) != 0: + self.methods = [] + for method in union.methods: + if not config.is_hidden(union.name, "method", method.name): + self.methods.append(gen_index_func(method, namespace, md)) + + if len(union.functions) != 0: + self.type_funcs = [] + for func in union.functions: + if not config.is_hidden(union.name, "function", func.name): + self.type_funcs.append(gen_index_func(func, namespace, md)) + + @property + def c_decl(self): + res = [f"union {self.type_cname} {{"] + n_fields = len(self.fields) + if n_fields > 0: + for field in self.fields: + if field.is_callback: + res += [f" {field.type_cname};"] + else: + res += [f" {field.type_cname} {field.name};"] + else: + res += [" /* No available fields */"] + res += ["}"] + return utils.code_highlight("\n".join(res)) + + +class TemplateAlias: + def __init__(self, namespace, alias): + self.type_cname = alias.base_ctype + self.target_ctype = alias.target.ctype + self.link_prefix = "alias" + + self.namespace = alias.namespace or namespace.name + self.name = alias.name + self.fqtn = f"{self.namespace}.{self.name}" + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + if alias.doc is not None: + self.summary = utils.preprocess_docs(alias.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(alias.doc.content, namespace, md=md) + filename = alias.doc.filename + line = alias.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = alias.stability + self.attributes = alias.attributes + self.available_since = alias.available_since - self.deprecated_since = alias.deprecated_since - if alias.deprecated_since is not None: ++ if alias.deprecated: + (version, msg) = alias.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace), + } + else: + self.deprecated_since = None + + self.introspectable = alias.introspectable + + @property + def c_decl(self): + return f"typedef {self.target_ctype} {self.type_cname}" + + +class TemplateMember: + def __init__(self, namespace, enum, member): + self.name = member.identifier ++ self.girname = member.name + self.nick = member.nick + self.value = member.value + if member.doc is not None: + self.description = utils.preprocess_docs(member.doc.content, namespace) + filename = member.doc.filename + line = member.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + +class TemplateEnum: + def __init__(self, namespace, enum, config): + self.symbol_prefix = None + self.type_cname = enum.ctype + self.bitfield = False + self.error = False + self.domain = None + + self.namespace = namespace.name + self.name = enum.name + self.fqtn = f"{namespace.name}.{enum.name}" + + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, + extension_configs=utils.MD_EXTENSIONS_CONF) + + if enum.doc is not None: + self.summary = utils.preprocess_docs(enum.doc.content, namespace, summary=True, md=md) + self.description = utils.preprocess_docs(enum.doc.content, namespace, md=md) + filename = enum.doc.filename + line = enum.doc.line + if filename.startswith('../'): + filename = filename.replace('../', '') + self.docs_location = (filename, line) + else: + self.description = MISSING_DESCRIPTION + + self.stability = enum.stability + self.attributes = enum.attributes + self.available_since = enum.available_since - self.deprecated_since = enum.deprecated_since - if enum.deprecated_since is not None: ++ if enum.deprecated: + (version, msg) = enum.deprecated_since + self.deprecated_since = { + "version": version, + "message": utils.preprocess_docs(msg, namespace, md=md), + } + else: + self.deprecated_since = None + + self.introspectable = enum.introspectable + + if isinstance(enum, gir.BitField): + self.link_prefix = "flags" + self.bitfield = True + elif isinstance(enum, gir.ErrorDomain): + self.link_prefix = "error" + self.error = True + self.domain = enum.domain + else: + self.link_prefix = "enum" + + if len(enum.members) != 0: + self.members = [] + for member in enum.members: + self.members.append(TemplateMember(namespace, enum, member)) + + if len(enum.functions) != 0: + self.type_funcs = [] + for func in enum.functions: + if not config.is_hidden(enum.name, "function", func.name): + self.type_funcs.append(gen_index_func(func, namespace, md)) + + @property + def c_decl(self): + if self.error: + return f"error-domain {self.fqtn}" + elif self.bitfield: + return f"flags {self.fqtn}" + else: + return f"enum {self.fqtn}" + + +class TemplateNamespace: + def __init__(self, namespace): + self.name = namespace.name + self.version = namespace.version + self.symbol_prefix = namespace.symbol_prefix[0] + self.identifier_prefix = namespace.identifier_prefix[0] + + +def _gen_classes(config, theme_config, output_dir, jinja_env, repository, all_classes): + namespace = repository.namespace + + class_tmpl = jinja_env.get_template(theme_config.class_template) + method_tmpl = jinja_env.get_template(theme_config.method_template) + property_tmpl = jinja_env.get_template(theme_config.property_template) + signal_tmpl = jinja_env.get_template(theme_config.signal_template) + class_method_tmpl = jinja_env.get_template(theme_config.class_method_template) + ctor_tmpl = jinja_env.get_template(theme_config.ctor_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + vfunc_tmpl = jinja_env.get_template(theme_config.vfunc_template) + + template_classes = [] + + for cls in all_classes: + if config.is_hidden(cls.name): + log.debug(f"Skipping hidden class {cls.name}") + continue + class_file = os.path.join(output_dir, f"class.{cls.name}.html") + log.info(f"Creating class file for {namespace.name}.{cls.name}: {class_file}") + + tmpl = TemplateClass(namespace, cls, config) + template_classes.append(tmpl) + + if config.show_class_hierarchy: + tmpl.hierarchy_svg = utils.render_dot(tmpl.dot, output_format="svg") + + with open(class_file, "w") as out: + content = class_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + }) + + out.write(content) + + for ctor in cls.constructors: + if config.is_hidden(cls.name, "constructor", ctor.name): + log.debug(f"Skipping hidden constructor {cls.name}.{ctor.name}") + continue + c = TemplateFunction(namespace, ctor) + ctor_file = os.path.join(output_dir, f"ctor.{cls.name}.{ctor.name}.html") + log.debug(f"Creating ctor file for {namespace.name}.{cls.name}.{ctor.name}: {ctor_file}") + + with open(ctor_file, "w") as out: + out.write(ctor_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': c, + })) + + for method in cls.methods: + if config.is_hidden(cls.name, "method", method.name): + log.debug(f"Skipping hidden method {cls.name}.{method.name}") + continue + m = TemplateMethod(namespace, cls, method) + method_file = os.path.join(output_dir, f"method.{cls.name}.{method.name}.html") + log.debug(f"Creating method file for {namespace.name}.{cls.name}.{method.name}: {method_file}") + + with open(method_file, "w") as out: + out.write(method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'method': m, + })) + + for prop in cls.properties.values(): + if config.is_hidden(cls.name, 'property', prop.name): + log.debug(f"Skipping hidden property {cls.name}.{prop.name}") + continue + p = TemplateProperty(namespace, cls, prop) + prop_file = os.path.join(output_dir, f"property.{cls.name}.{prop.name}.html") + log.debug(f"Creating property file for {namespace.name}.{cls.name}.{prop.name}: {prop_file}") + + with open(prop_file, "w") as out: + out.write(property_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'property': p, + })) + + for signal in cls.signals.values(): + if config.is_hidden(cls.name, 'signal', signal.name): + log.debug(f"Skipping hidden signal {cls.name}.{signal.name}") + continue + s = TemplateSignal(namespace, cls, signal) + signal_file = os.path.join(output_dir, f"signal.{cls.name}.{signal.name}.html") + log.debug(f"Creating signal file for {namespace.name}.{cls.name}.{signal.name}: {signal_file}") + + with open(signal_file, "w") as out: + out.write(signal_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'signal': s, + })) + + if cls.type_struct is not None: + class_struct = namespace.find_record(cls.type_struct) + for cls_method in class_struct.methods: + c = TemplateClassMethod(namespace, cls, cls_method) + cls_method_file = os.path.join(output_dir, f"class_method.{cls.name}.{cls_method.name}.html") + log.debug(f"Creating class method file for {namespace.name}.{cls.name}.{cls_method.name}: {cls_method_file}") + + with open(cls_method_file, "w") as out: + out.write(class_method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'class_method': c, + })) + + for vfunc in cls.virtual_methods: + f = TemplateMethod(namespace, cls, vfunc) + vfunc_file = os.path.join(output_dir, f"vfunc.{cls.name}.{vfunc.name}.html") + log.debug(f"Creating vfunc file for {namespace.name}.{cls.name}.{vfunc.name}: {vfunc_file}") + + with open(vfunc_file, "w") as out: + out.write(vfunc_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'vfunc': f, + })) + + for type_func in cls.functions: + if config.is_hidden(cls.name, "function", type_func.name): + log.debug(f"Skipping hidden type function {cls.name}.{type_func.name}") + continue + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{cls.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{cls.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_classes + + +def _gen_interfaces(config, theme_config, output_dir, jinja_env, repository, all_interfaces): + namespace = repository.namespace + + iface_tmpl = jinja_env.get_template(theme_config.interface_template) + method_tmpl = jinja_env.get_template(theme_config.method_template) + property_tmpl = jinja_env.get_template(theme_config.property_template) + signal_tmpl = jinja_env.get_template(theme_config.signal_template) + class_method_tmpl = jinja_env.get_template(theme_config.class_method_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + vfunc_tmpl = jinja_env.get_template(theme_config.vfunc_template) + + template_interfaces = [] + + for iface in all_interfaces: + if config.is_hidden(iface.name): + log.debug(f"Skipping hidden interface {iface.name}") + continue + iface_file = os.path.join(output_dir, f"iface.{iface.name}.html") + log.info(f"Creating interface file for {namespace.name}.{iface.name}: {iface_file}") + + tmpl = TemplateInterface(namespace, iface, config) + template_interfaces.append(tmpl) + + with open(iface_file, "w") as out: + out.write(iface_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'interface': tmpl, + })) + + for method in iface.methods: + if config.is_hidden(iface.name, "method", method.name): + log.debug(f"Skipping hidden method {iface.name}.{method.name}") + continue + m = TemplateMethod(namespace, iface, method) + method_file = os.path.join(output_dir, f"method.{iface.name}.{method.name}.html") + log.debug(f"Creating method file for {namespace.name}.{iface.name}.{method.name}: {method_file}") + + with open(method_file, "w") as out: + out.write(method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'method': m, + })) + + for prop in iface.properties.values(): + if config.is_hidden(iface.name, 'property', prop.name): + log.debug(f"Skipping hidden property {iface.name}.{prop.name}") + continue + p = TemplateProperty(namespace, iface, prop) + prop_file = os.path.join(output_dir, f"property.{iface.name}.{prop.name}.html") + log.debug(f"Creating property file for {namespace.name}.{iface.name}.{prop.name}: {prop_file}") + + with open(prop_file, "w") as out: + out.write(property_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'property': p, + })) + + for signal in iface.signals.values(): + if config.is_hidden(iface.name, 'signal', signal.name): + log.debug(f"Skipping hidden property {iface.name}.{signal.name}") + continue + s = TemplateSignal(namespace, iface, signal) + signal_file = os.path.join(output_dir, f"signal.{iface.name}.{signal.name}.html") + log.debug(f"Creating signal file for {namespace.name}.{iface.name}.{signal.name}: {signal_file}") + + with open(signal_file, "w") as out: + out.write(signal_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'signal': s, + })) + + for vfunc in iface.virtual_methods: + v = TemplateMethod(namespace, iface, vfunc) + vfunc_file = os.path.join(output_dir, f"vfunc.{iface.name}.{vfunc.name}.html") + log.debug(f"Creating vfunc file for {namespace.name}.{iface.name}.{vfunc.name}: {vfunc_file}") + + with open(vfunc_file, "w") as out: + out.write(vfunc_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'vfunc': v, + })) + + if iface.type_struct is not None: + iface_struct = namespace.find_record(iface.type_struct) + for cls_method in iface_struct.methods: + m = TemplateClassMethod(namespace, iface, cls_method) + cls_method_file = os.path.join(output_dir, f"class_method.{iface.name}.{cls_method.name}.html") + log.debug(f"Creating class method file for {namespace.name}.{iface.name}.{cls_method.name}: {cls_method_file}") + + with open(cls_method_file, "w") as out: + out.write(class_method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'class_method': m, + })) + + for type_func in iface.functions: + if config.is_hidden(iface.name, "function", type_func.name): + log.debug(f"Skipping hidden type function {iface.name}.{type_func.name}") + continue + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{iface.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{iface.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_interfaces + + +def _gen_enums(config, theme_config, output_dir, jinja_env, repository, all_enums): + namespace = repository.namespace + + enum_tmpl = jinja_env.get_template(theme_config.enum_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + + template_enums = [] + + for enum in all_enums: + if config.is_hidden(enum.name): + log.debug(f"Skipping hidden enum {enum.name}") + continue + enum_file = os.path.join(output_dir, f"enum.{enum.name}.html") + log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}") + + tmpl = TemplateEnum(namespace, enum, config) + template_enums.append(tmpl) + + with open(enum_file, "w") as out: + out.write(enum_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'enum': tmpl, + })) + + for type_func in enum.functions: + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_enums + + +def _gen_bitfields(config, theme_config, output_dir, jinja_env, repository, all_enums): + namespace = repository.namespace + + enum_tmpl = jinja_env.get_template(theme_config.flags_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + + template_bitfields = [] + + for enum in all_enums: + if config.is_hidden(enum.name): + log.debug(f"Skipping hidden bitfield {enum.name}") + continue + enum_file = os.path.join(output_dir, f"flags.{enum.name}.html") + log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}") + + tmpl = TemplateEnum(namespace, enum, config) + template_bitfields.append(tmpl) + + with open(enum_file, "w") as out: + out.write(enum_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'enum': tmpl, + })) + + for type_func in enum.functions: + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_bitfields + + +def _gen_domains(config, theme_config, output_dir, jinja_env, repository, all_enums): + namespace = repository.namespace + + enum_tmpl = jinja_env.get_template(theme_config.error_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + + template_domains = [] + + for enum in all_enums: + if config.is_hidden(enum.name): + log.debug(f"Skipping hidden domain {enum.name}") + continue + enum_file = os.path.join(output_dir, f"error.{enum.name}.html") + log.info(f"Creating enum file for {namespace.name}.{enum.name}: {enum_file}") + + tmpl = TemplateEnum(namespace, enum, config) + template_domains.append(tmpl) + + with open(enum_file, "w") as out: + out.write(enum_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'enum': tmpl, + })) + + for type_func in enum.functions: + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{enum.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{enum.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_domains + + +def _gen_constants(config, theme_config, output_dir, jinja_env, repository, all_constants): + namespace = repository.namespace + + const_tmpl = jinja_env.get_template(theme_config.constant_template) + + template_constants = [] + + for const in all_constants: + if config.is_hidden(const.name): + log.debug(f"Skipping hidden constant {const.name}") + continue + const_file = os.path.join(output_dir, f"const.{const.name}.html") + log.info(f"Creating constant file for {namespace.name}.{const.name}: {const_file}") + + tmpl = TemplateConstant(namespace, const) + template_constants.append(tmpl) + + with open(const_file, "w") as out: + out.write(const_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'constant': tmpl, + })) + + return template_constants + + +def _gen_aliases(config, theme_config, output_dir, jinja_env, repository, all_aliases): + namespace = repository.namespace + + alias_tmpl = jinja_env.get_template(theme_config.alias_template) + + template_aliases = [] + + for alias in all_aliases: + if config.is_hidden(alias.name): + log.debug(f"Skipping hidden alias {alias.name}") + continue + alias_file = os.path.join(output_dir, f"alias.{alias.name}.html") + log.info(f"Creating alias file for {namespace.name}.{alias.name}: {alias_file}") + + tmpl = TemplateAlias(namespace, alias) + template_aliases.append(tmpl) + + with open(alias_file, "w") as out: + content = alias_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'struct': tmpl, + }) + + out.write(content) + + return template_aliases + + +def _gen_records(config, theme_config, output_dir, jinja_env, repository, all_records): + namespace = repository.namespace + + record_tmpl = jinja_env.get_template(theme_config.record_template) + method_tmpl = jinja_env.get_template(theme_config.method_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + + template_records = [] + + for record in all_records: + if config.is_hidden(record.name): + log.debug(f"Skipping hidden record {record.name}") + continue + record_file = os.path.join(output_dir, f"struct.{record.name}.html") + log.info(f"Creating record file for {namespace.name}.{record.name}: {record_file}") + + tmpl = TemplateRecord(namespace, record, config) + template_records.append(tmpl) + + with open(record_file, "w") as out: + content = record_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'struct': tmpl, + }) + + out.write(content) + + for ctor in record.constructors: + if config.is_hidden(record.name, "constructor", ctor.name): + log.debug(f"Skipping hidden constructor {record.name}.{ctor.name}") + continue + c = TemplateFunction(namespace, ctor) + ctor_file = os.path.join(output_dir, f"ctor.{record.name}.{ctor.name}.html") + log.debug(f"Creating ctor file for {namespace.name}.{record.name}.{ctor.name}: {ctor_file}") + + with open(ctor_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': c, + })) + + for method in record.methods: + if config.is_hidden(record.name, "method", method.name): + log.debug(f"Skipping hidden method {record.name}.{method.name}") + continue + m = TemplateMethod(namespace, record, method) + method_file = os.path.join(output_dir, f"method.{record.name}.{method.name}.html") + log.debug(f"Creating method file for {namespace.name}.{record.name}.{method.name}: {method_file}") + + with open(method_file, "w") as out: + out.write(method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'method': m, + })) + + for type_func in record.functions: + if config.is_hidden(record.name, "method", type_func.name): + log.debug(f"Skipping hidden type function {record.name}.{type_func.name}") + continue + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{record.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{record.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_records + + +def _gen_unions(config, theme_config, output_dir, jinja_env, repository, all_unions): + namespace = repository.namespace + + union_tmpl = jinja_env.get_template(theme_config.union_template) + method_tmpl = jinja_env.get_template(theme_config.method_template) + type_func_tmpl = jinja_env.get_template(theme_config.type_func_template) + + template_unions = [] + + for union in all_unions: + if config.is_hidden(union.name): + log.debug(f"Skipping hidden union {union.name}") + continue + union_file = os.path.join(output_dir, f"union.{union.name}.html") + log.info(f"Creating union file for {namespace.name}.{union.name}: {union_file}") + + tmpl = TemplateUnion(namespace, union, config) + template_unions.append(tmpl) + + with open(union_file, "w") as out: + content = union_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'struct': tmpl, + }) + + out.write(content) + + for ctor in union.constructors: + if config.is_hidden(union.name, "constructor", ctor.name): + log.debug(f"Skipping hidden constructor {union.name}.{ctor.name}") + continue + c = TemplateFunction(namespace, ctor) + ctor_file = os.path.join(output_dir, f"ctor.{union.name}.{ctor.name}.html") + log.debug(f"Creating ctor file for {namespace.name}.{union.name}.{ctor.name}: {ctor_file}") + + with open(ctor_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': c, + })) + + for method in union.methods: + if config.is_hidden(union.name, "method", method.name): + log.debug(f"Skipping hidden method {union.name}.{method.name}") + continue + m = TemplateMethod(namespace, union, method) + method_file = os.path.join(output_dir, f"method.{union.name}.{method.name}.html") + log.debug(f"Creating method file for {namespace.name}.{union.name}.{method.name}: {method_file}") + + with open(method_file, "w") as out: + out.write(method_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'method': m, + })) + + for type_func in union.functions: + if config.is_hidden(union.name, "function", type_func.name): + log.debug(f"Skipping hidden type function {union.name}.{type_func.name}") + continue + f = TemplateFunction(namespace, type_func) + type_func_file = os.path.join(output_dir, f"type_func.{union.name}.{type_func.name}.html") + log.debug(f"Creating type func file for {namespace.name}.{union.name}.{type_func.name}: {type_func_file}") + + with open(type_func_file, "w") as out: + out.write(type_func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'class': tmpl, + 'type_func': f, + })) + + return template_unions + + +def _gen_functions(config, theme_config, output_dir, jinja_env, repository, all_functions): + namespace = repository.namespace + + func_tmpl = jinja_env.get_template(theme_config.func_template) + + template_functions = [] + + for func in all_functions: + if config.is_hidden(func.name): + log.debug(f"Skipping hidden function {func.name}") + continue + func_file = os.path.join(output_dir, f"func.{func.name}.html") + log.info(f"Creating function file for {namespace.name}.{func.name}: {func_file}") + + tmpl = TemplateFunction(namespace, func) + template_functions.append(tmpl) + + with open(func_file, "w") as out: + content = func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'func': tmpl, + }) + + out.write(content) + + return template_functions + + +def _gen_callbacks(config, theme_config, output_dir, jinja_env, repository, all_callbacks): + namespace = repository.namespace + + func_tmpl = jinja_env.get_template(theme_config.func_template) + + template_callbacks = [] + + for func in all_callbacks: + if config.is_hidden(func.name): + log.debug(f"Skipping hidden callback {func.name}") + continue + func_file = os.path.join(output_dir, f"callback.{func.name}.html") + log.info(f"Creating callback file for {namespace.name}.{func.name}: {func_file}") + + tmpl = TemplateCallback(namespace, func) + template_callbacks.append(tmpl) + + with open(func_file, "w") as out: + content = func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'func': tmpl, + }) + + out.write(content) + + return template_callbacks + + +def _gen_function_macros(config, theme_config, output_dir, jinja_env, repository, all_functions): + namespace = repository.namespace + + func_tmpl = jinja_env.get_template(theme_config.func_template) + + template_functions = [] + + for func in all_functions: + if config.is_hidden(func.name): + log.debug(f"Skipping hidden macro {func.name}") + continue + func_file = os.path.join(output_dir, f"func.{func.name}.html") + log.info(f"Creating function macro file for {namespace.name}.{func.name}: {func_file}") + + tmpl = TemplateFunction(namespace, func) + template_functions.append(tmpl) + + with open(func_file, "w") as out: + content = func_tmpl.render({ + 'CONFIG': config, + 'namespace': namespace, + 'func': tmpl, + }) + + out.write(content) + + return template_functions + + +def gen_content_files(config, theme_config, content_dirs, output_dir, jinja_env, namespace): + content_files = [] + + content_tmpl = jinja_env.get_template(theme_config.content_template) + md = markdown.Markdown(extensions=utils.MD_EXTENSIONS, extension_configs=utils.MD_EXTENSIONS_CONF) + + for file_name in config.content_files: + src_file = utils.find_extra_content_file(content_dirs, file_name) + + src_data = "" + with open(src_file, encoding='utf-8') as infile: + source = [] + for line in infile: + source.append(line) + src_data = "".join(source) + + dst_data = utils.preprocess_docs(src_data, namespace, md=md) + title = "\n".join(md.Meta.get("title", ["Unknown document"])) + + content_file = file_name.replace(".md", ".html") + dst_file = os.path.join(output_dir, content_file) + + content = { + "abs_input_file": src_file, + "abs_output_file": dst_file, + "source_file": file_name, + "output_file": content_file, + "meta": md.Meta, + "title": title, ++ "toc": md.toc_tokens, + "data": dst_data, + } + + log.info(f"Generating content file {file_name}: {dst_file}") + with open(dst_file, "w", encoding='utf-8') as outfile: + outfile.write(content_tmpl.render({ + "CONFIG": config, + "namespace": namespace, + "content": content, + })) + + content_files.append({ + "title": title, + "href": content_file, + }) + + md.reset() + + return content_files + + +def gen_content_images(config, content_dirs, output_dir): + content_images = [] + + for image_file in config.content_images: + infile = utils.find_extra_content_file(content_dirs, image_file) + outfile = os.path.join(output_dir, os.path.basename(image_file)) + log.debug(f"Adding extra content image: {infile} -> {outfile}") + content_images += [(infile, outfile)] + + return content_images + + +def gen_types_hierarchy(config, theme_config, output_dir, jinja_env, repository): + # All GObject sub-types + objects_tree = repository.get_class_hierarchy(root="GObject.Object") + + # All GTypeInstance sub-types + typed_tree = repository.get_class_hierarchy() + + res = ["

Classes Hierarchy

"] + + def dump_tree(node, out): + for k in node: + if '.' in k: + out.append(f'
  • {k}') + else: + out.append(f'
  • {k}') + if len(node[k]) != 0: + out.append('
      ') + dump_tree(node[k], out) + out.append("
    ") + out.append("
    • ") + + if len(objects_tree) != 0: + res += ["
    "] + res += ["
      "] + res += ["
    • GObject
        • "] + dump_tree(objects_tree, res) + res += ["
      "] + res += ["
    "] + res += ["
    "] + + if len(typed_tree) != 0: + res += ["
    "] + res += ["
      "] + res += ["
    • GTypeInstance
        • "] + dump_tree(typed_tree, res) + res += ["
      "] + res += ["
    "] + res += ["
    "] + + content = { + "output_file": "classes_hierarchy.html", + "meta": { + "keywords": "types, hierarchy, classes", + }, + "title": "Classes Hierarchy", + "data": Markup("\n".join(res)), + } + + content_tmpl = jinja_env.get_template(theme_config.content_template) + + namespace = repository.namespace + + dst_file = os.path.join(output_dir, content["output_file"]) + log.info(f"Generating type hierarchy file: {dst_file}") + with open(dst_file, "w") as outfile: + outfile.write(content_tmpl.render({ + "CONFIG": config, + "namespace": namespace, + "content": content, + })) + + return { + "title": content["title"], + "href": content["output_file"], + } + + +def gen_opensearch(config, repository, namespace, symbols, content_files): + desc = etree.Element('OpenSearchDescription') + desc.set("xmlns", "http://a9.com/-/spec/opensearch/1.1/") + desc.set("xmlns:moz", "http://www.mozilla.org/2006/browser/search/") + sub = etree.SubElement(desc, 'ShortName') + sub.text = f"{namespace.name}" + sub = etree.SubElement(desc, 'Description') + sub.text = f"{namespace.name}-{namespace.version} Reference Manual" + sub = etree.SubElement(desc, 'InputEncoding') + sub.text = "UTF-8" + if config.logo_url: + sub = etree.SubElement(desc, 'Image') + sub.text = config.logo_url + sub = etree.SubElement(desc, 'Url', type="text/html") + sub.set("type", "text/html") + sub.set("template", f"{config.docs_url}/?q={{searchTerms}}") + sub = etree.SubElement(desc, 'moz:SearchForm') + sub.text = f"{config.docs_url}" + + return etree.ElementTree(desc) + + +def gen_devhelp(config, repository, namespace, symbols, content_files): + book = etree.Element('book') + book.set("xmlns", "http://www.devhelp.net/book") + book.set("title", f"{namespace.name}-{namespace.version} Reference Manual") + book.set("link", "index.html") + book.set("author", f"{config.authors}") + book.set("name", f"{namespace.name}") + book.set("version", "2") + book.set("language", "c") + + chapters = etree.SubElement(book, 'chapters') + + for f in content_files: + sub = etree.SubElement(chapters, 'sub') + sub.set("name", f["title"]) + sub.set("link", f["href"]) + + for section, types in symbols.items(): + if len(types) == 0: + continue + + sub = etree.SubElement(chapters, "sub") + sub.set("name", section.replace("_", " ").capitalize()) + sub.set("link", f"index.html#{section}") + + for t in types: + sub_section = etree.SubElement(sub, "sub") + sub_section.set("name", t.name) + sub_section.set("link", f"{FRAGMENT[section]}.{t.name}.html") + + functions = etree.SubElement(book, "functions") + for section, types in symbols.items(): + if len(types) == 0: + continue + + for t in types: + if section in ["functions", "function_macros"]: + keyword = etree.SubElement(functions, "keyword") + if section == "functions": + keyword.set("type", "function") + else: + keyword.set("type", "macro") + keyword.set("name", t.identifier) + keyword.set("link", f"func.{t.name}.html") + if t.available_since is not None: + keyword.set("since", t.available_since) + if t.deprecated_since is not None and t.deprecated_since["version"] is not None: + keyword.set("deprecated", t.deprecated_since["version"]) + continue + + if section == "constants": + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "constant") + keyword.set("name", t.identifier) + keyword.set("link", f"constant.{t.name}.html") + if t.available_since is not None: + keyword.set("since", t.available_since) + if t.deprecated_since is not None and t.deprecated_since["version"] is not None: + keyword.set("deprecated", t.deprecated_since["version"]) + continue + + if section in ["aliases", "bitfields", "classes", "domains", "enums", "interfaces", "structs", "unions"]: + # Skip anonymous types; e.g. GValue's anonymous union + if t.type_cname is None: + continue + keyword = etree.SubElement(functions, "keyword") + if section == "aliases": + keyword.set("type", "typedef") + elif section in ["bitfields", "domains", "enums"]: + keyword.set("type", "enum") + elif section == "unions": + keyword.set("type", "union") + else: + keyword.set("type", "struct") + keyword.set("name", t.type_cname) + keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html") + if t.available_since is not None: + keyword.set("since", t.available_since) + if t.deprecated_since is not None and t.deprecated_since["version"] is not None: + keyword.set("deprecated", t.deprecated_since["version"]) + + for m in getattr(t, "members", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "constant") + keyword.set("name", m.name) + keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html") + + for f in getattr(t, "fields", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "member") + keyword.set("name", f"{t.type_cname}.{f.name}") + keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html") + + class_struct = getattr(t, "class_struct", None) + if class_struct is not None: + for f in getattr(class_struct, "fields", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "member") + keyword.set("name", f"{t.class_name}.{f.name}") + if section == "class": + keyword.set("link", f"class.{t.name}.html#class-struct") + elif section == "interface": + keyword.set("link", f"iface.{t.name}.html#interface-struct") + else: + keyword.set("link", f"{FRAGMENT[section]}.{t.name}.html") + + for m in getattr(t, "methods", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "function") + keyword.set("name", m['identifier']) + keyword.set("link", f"method.{t.name}.{m['name']}.html") + if m["available_since"] is not None: + keyword.set("since", m["available_since"]) + if m["deprecated_since"] is not None: + keyword.set("deprecated", m["deprecated_since"]) + + for c in getattr(t, "ctors", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "function") + keyword.set("name", c['identifier']) + keyword.set("link", f"ctor.{t.name}.{c['name']}.html") + if c["available_since"] is not None: + keyword.set("since", c["available_since"]) + if c["deprecated_since"] is not None: + keyword.set("deprecated", c["deprecated_since"]) + + for f in getattr(t, "type_funcs", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "function") + keyword.set("name", f['identifier']) + keyword.set("link", f"type_func.{t.name}.{f['name']}.html") + if f["available_since"] is not None: + keyword.set("since", f["available_since"]) + if f["deprecated_since"] is not None: + keyword.set("deprecated", f["deprecated_since"]) + + for m in getattr(t, "class_methods", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "function") + keyword.set("name", m['identifier']) + keyword.set("link", f"class_method.{t.name}.{m['name']}.html") + if m["available_since"] is not None: + keyword.set("since", m["available_since"]) + if m["deprecated_since"] is not None: + keyword.set("deprecated", m["deprecated_since"]) + + for p in getattr(t, "properties", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "property") + keyword.set("name", f"The {t.type_cname}:{p['name']} property") + keyword.set("link", f"property.{t.name}.{p['name']}.html") + if p["available_since"] is not None: + keyword.set("since", p["available_since"]) + if p["deprecated_since"] is not None: + keyword.set("deprecated", p["deprecated_since"]) + + for s in getattr(t, "signals", []): + keyword = etree.SubElement(functions, "keyword") + keyword.set("type", "signal") + keyword.set("name", f"The {t.type_cname}::{s['name']} signal") + keyword.set("link", f"signal.{t.name}.{s['name']}.html") + if s["available_since"] is not None: + keyword.set("since", s["available_since"]) + if s["deprecated_since"] is not None: + keyword.set("deprecated", s["deprecated_since"]) + + return etree.ElementTree(book) + + +def gen_reference(config, options, repository, templates_dir, theme_config, content_dirs, output_dir): + theme_dir = os.path.join(templates_dir, theme_config.name.lower()) + log.debug(f"Loading jinja templates from {theme_dir}") + + fs_loader = jinja2.FileSystemLoader(theme_dir) + jinja_env = jinja2.Environment(loader=fs_loader, autoescape=jinja2.select_autoescape(['html'])) + + namespace = repository.namespace + + symbols = { + "aliases": sorted(namespace.get_aliases(), key=lambda alias: alias.name.lower()), + "bitfields": sorted(namespace.get_bitfields(), key=lambda bitfield: bitfield.name.lower()), + "callbacks": sorted(namespace.get_callbacks(), key=lambda callback: callback.name.lower()), + "classes": sorted(namespace.get_classes(), key=lambda cls: cls.name.lower()), + "constants": sorted(namespace.get_constants(), key=lambda const: const.name.lower()), + "domains": sorted(namespace.get_error_domains(), key=lambda domain: domain.name.lower()), + "enums": sorted(namespace.get_enumerations(), key=lambda enum: enum.name.lower()), + "functions": sorted(namespace.get_functions(), key=lambda func: func.name.lower()), + "function_macros": sorted(namespace.get_effective_function_macros(), key=lambda func: func.name.lower()), + "interfaces": sorted(namespace.get_interfaces(), key=lambda interface: interface.name.lower()), + "structs": sorted(namespace.get_effective_records(), key=lambda record: record.name.lower()), + "unions": sorted(namespace.get_unions(), key=lambda union: union.name.lower()), + } + + all_indices = { + "aliases": _gen_aliases, + "bitfields": _gen_bitfields, + "callbacks": _gen_callbacks, + "classes": _gen_classes, + "constants": _gen_constants, + "domains": _gen_domains, + "enums": _gen_enums, + "functions": _gen_functions, + "function_macros": _gen_function_macros, + "interfaces": _gen_interfaces, + "structs": _gen_records, + "unions": _gen_unions, + } + + if options.no_namespace_dir: + ns_dir = output_dir + else: + ns_dir = os.path.join(output_dir, f"{namespace.name}-{namespace.version}") + + log.debug(f"Creating output path for the namespace: {ns_dir}") + os.makedirs(ns_dir, exist_ok=True) + + content_files = gen_content_files(config, theme_config, content_dirs, ns_dir, jinja_env, namespace) + content_images = gen_content_images(config, content_dirs, ns_dir) + content_files.append(gen_types_hierarchy(config, theme_config, ns_dir, jinja_env, repository)) + + if options.sections == [] or options.sections == ["all"]: + gen_indices = list(all_indices.keys()) + elif options.sections == ["none"]: + gen_indices = [] + else: + gen_indices = options.sections + + log.info(f"Generating references for: {gen_indices}") + + template_symbols = {} + + # Each section is isolated, so we run it into a thread pool + with concurrent.futures.ThreadPoolExecutor() as executor: + futures_to_section = {} + for section in gen_indices: + s = symbols.get(section, []) + if s is None: + log.debug(f"No symbols for section {section}") + continue + + generator = all_indices.get(section, None) + if generator is None: + log.debug(f"No generator for section {section}") + continue + + f = executor.submit(generator, config, theme_config, ns_dir, jinja_env, repository, s) + futures_to_section[f] = section + + for future in concurrent.futures.as_completed(futures_to_section): + section = futures_to_section[future] + try: + res = future.result() + except Exception as e: + if log.log_fatal_warnings: + import traceback + traceback.print_exc() + log.warning(f"Section {section} raised {e}") + else: + template_symbols[section] = res + + # The concurrent processing introduces non-determinism. Ensure iteration order is reproducible + # by sorting by key. This has virtually no overhead since the values are not copied. + template_symbols = dict(sorted(template_symbols.items())) + + ns_tmpl = jinja_env.get_template(theme_config.namespace_template) + ns_file = os.path.join(ns_dir, "index.html") + log.info(f"Creating namespace index file for {namespace.name}-{namespace.version}: {ns_file}") + with open(ns_file, "w") as out: + out.write(ns_tmpl.render({ + "CONFIG": config, + "repository": repository, + "namespace": namespace, + "symbols": template_symbols, + "content_files": content_files, + })) + + if config.devhelp: + # Devhelp expects the book file to have the same basename as the directory it is in. + devhelp_file = os.path.join(ns_dir, f"{os.path.basename(ns_dir)}.devhelp2") + log.info(f"Creating DevHelp file for {namespace.name}-{namespace.version}: {devhelp_file}") + res = gen_devhelp(config, repository, namespace, template_symbols, content_files) + res.write(devhelp_file, encoding="UTF-8") + + if config.search_index: + if config.docs_url: + opensearch_file = os.path.join(ns_dir, "opensearch.xml") + log.info(f"Creating OpenSearch file for {namespace.name}-{namespace.version}: {opensearch_file}") + res = gen_opensearch(config, repository, namespace, template_symbols, content_files) + res.write(opensearch_file, encoding="UTF-8") + gdgenindices.gen_indices(config, repository, content_dirs, ns_dir) + + copy_files = [] + if theme_config.css is not None: + style_src = os.path.join(theme_dir, theme_config.css) + style_dst = os.path.join(ns_dir, theme_config.css) + copy_files.append((style_src, style_dst)) + + for extra_file in theme_config.extra_files: + src = os.path.join(theme_dir, extra_file) + dst = os.path.join(ns_dir, extra_file) + copy_files.append((src, dst)) + + if config.urlmap_file is not None: + src = utils.find_extra_content_file(content_dirs, config.urlmap_file) + dst = os.path.join(ns_dir, os.path.basename(config.urlmap_file)) + copy_files.append((src, dst)) + + copy_files.extend(content_images) + + def copy_worker(src, dst): + log.info(f"Copying file {src}: {dst}") + dst_dir = os.path.dirname(dst) + os.makedirs(dst_dir, exist_ok=True) + shutil.copy(src, dst) + + with concurrent.futures.ThreadPoolExecutor() as executor: + for (src, dst) in copy_files: + executor.submit(copy_worker, src, dst) + + +def add_args(parser): + parser.add_argument("--add-include-path", action="append", dest="include_paths", default=[], + help="include paths for other GIR files") + parser.add_argument("-C", "--config", metavar="FILE", help="the configuration file") + parser.add_argument("--dry-run", action="store_true", help="parses the GIR file without generating files") + parser.add_argument("--templates-dir", default=None, help="the base directory with the theme templates") + parser.add_argument("--content-dir", action="append", dest="content_dirs", default=[], + help="the base directories with the extra content") + parser.add_argument("--theme-name", default="basic", help="the theme to use") + parser.add_argument("--output-dir", default=None, help="the output directory for the index files") + parser.add_argument("--no-namespace-dir", action="store_true", + help="do not create a namespace directory under the output directory") + parser.add_argument("--section", action="append", dest="sections", default=[], help="the sections to generate, or 'all'") + parser.add_argument("infile", metavar="GIRFILE", type=argparse.FileType('r', encoding='UTF-8'), + default=sys.stdin, help="the GIR file to parse") + + +def run(options): + log.info(f"Loading config file: {options.config}") + + conf = config.GIDocConfig(options.config) + + output_dir = options.output_dir or os.getcwd() + + content_dirs = options.content_dirs + if content_dirs == []: + content_dirs = [os.getcwd()] + + if options.templates_dir is not None: + templates_dir = options.templates_dir + else: + templates_dir = conf.get_templates_dir() + if templates_dir is None: + templates_dir = os.path.join(os.path.dirname(__file__), 'templates') + + theme_name = conf.get_theme_name(default=options.theme_name) + theme_conf = config.GITemplateConfig(templates_dir, theme_name) + + log.debug(f"Templates directory: {templates_dir}") + log.info(f"Theme name: {theme_conf.name}") + log.info(f"Output directory: {output_dir}") + + paths = [] + paths.extend(options.include_paths) + paths.extend(utils.default_search_paths()) + log.debug(f"Search paths: {paths}") + + log.info("Parsing GIR file") + parser = gir.GirParser(search_paths=paths) + parser.parse(options.infile) + + if not options.dry_run: + log.checkpoint() + gen_reference(conf, options, parser.get_repository(), templates_dir, theme_conf, content_dirs, output_dir) + + return 0 diff --cc subprojects/gi-docgen/gidocgen/gir/ast.py index 5fe7fec7ef,0000000000..fbac892bc6 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/gir/ast.py +++ b/subprojects/gi-docgen/gidocgen/gir/ast.py @@@ -1,1272 -1,0 +1,1280 @@@ +# SPDX-FileCopyrightText: 2020 GNOME Foundation +# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + +import typing as T + +from .. import log + + +class Doc: + """A documentation node, pointing to the source code""" + def __init__(self, content: str, filename: str, line: int, version: str = None, stability: str = None): + self.content = content + self.filename = filename + self.line = line + self.version = version + self.stability = stability + + def __str__(self): + return self.content + + +class SourcePosition: + """A location inside the source code""" + def __init__(self, filename: str, line: int): + self.filename = filename + self.line = line + + def __str__(self): + return f'{self.filename}:{self.line}' + + +class Attribute: + """A user-defined annotation""" + def __init__(self, name: str, value: T.Optional[str]): + self.name = name + self.value = value + + +class CInclude: + """A C include header""" + def __init__(self, name: str): + self.name = name + + +class Include: + """A GIR include""" + def __init__(self, name: str, version: str = None): + self.name = name + self.version = version + + def __str__(self): + if self.version is not None: + return f"{self.name}-{self.version}" + return f"{self.name}" + + def girfile(self) -> str: + if self.version is not None: + return f"{self.name}-{self.version}.gir" + return f"{self.name}.gir" + + +class Package: + """Pkg-config containing the library""" + def __init__(self, name: str): + self.name = name + + +class Info: + """Base information for most types""" + def __init__(self, introspectable: bool = True, deprecated: T.Optional[str] = None, + deprecated_version: T.Optional[str] = None, version: str = None, + stability: str = None): + self.introspectable = introspectable + self.deprecated_msg = deprecated + self.deprecated_version = deprecated_version ++ self.deprecated = deprecated is not None or deprecated_version is not None + self.version = version + self.stability = stability + self.attributes: T.Mapping[str, T.Optional[str]] = {} + self.doc: T.Optional[Doc] = None + self.source_position: T.Optional[SourcePosition] = None + + def add_attribute(self, name: str, value: T.Optional[str] = None) -> None: + self.attributes[name] = value + + +class GIRElement: + """Base type for elements inside the GIR""" + def __init__(self, name: T.Optional[str] = None, namespace: T.Optional[str] = None): + self.name = name + self.namespace = namespace + if self.namespace is None: + if self.name is not None and '.' in self.name: + self.namespace = self.name.split('.')[0] + self.info = Info() + + def set_introspectable(self, introspectable: bool) -> None: + """Set whether the symbol is introspectable""" + self.info.introspectable = introspectable + + @property + def introspectable(self): + return self.info.introspectable + + def set_version(self, version: str) -> None: + """Set the version of the symbol""" + self.info.version = version + + def set_stability(self, stability: str) -> None: + """Set the stability of the symbol""" + self.info.stability = stability + + @property + def stability(self): + return self.info.stability + + def set_doc(self, doc: Doc) -> None: + """Set the documentation for the element""" + self.info.doc = doc + + @property + def doc(self): + return self.info.doc + + def set_source_position(self, pos: SourcePosition) -> None: + """Set the position in the source code for the element""" + self.info.source_position = pos + + @property + def source_position(self) -> T.Optional[T.Tuple[str, int]]: + if self.info.source_position is None: + return None + return self.info.source_position.filename, self.info.source_position.line + + def set_deprecated(self, doc: T.Optional[str] = None, since_version: T.Optional[str] = None) -> None: + """Set the deprecation annotations for the element""" + self.info.deprecated_msg = doc + self.info.deprecated_version = since_version ++ self.info.deprecated = True + + def set_attributes(self, attrs: T.Mapping[str, T.Optional[str]]) -> None: + """Add an annotation to the symbol""" + for name, value in attrs.items(): + self.info.add_attribute(name, value) + + @property + def attributes(self) -> T.Mapping[str, T.Optional[str]]: + return self.info.attributes + + @property + def available_since(self) -> T.Optional[str]: + return self.info.version + ++ @property ++ def deprecated(self) -> bool: ++ return self.info.deprecated ++ + @property + def deprecated_since(self) -> T.Optional[T.Tuple[str, str]]: - if not self.info.deprecated_msg: ++ if not self.info.deprecated: + return None + version = self.info.deprecated_version + message = self.info.deprecated_msg ++ if version is None: ++ version = "Unknown" + if message is None: + message = "Please do not use it in newly written code" + return (version, message) + + +class Type(GIRElement): + """Base class for all Type nodes""" + def __init__(self, name: str, ctype: T.Optional[str] = None, namespace: T.Optional[str] = None, is_fundamental: bool = False): + super().__init__(name=name, namespace=namespace) + self.ctype = ctype + self.is_fundamental = is_fundamental + + def __eq__(self, other): + if isinstance(other, Type): + if self.namespace is not None: + return self.namespace == other.namespace and self.name == other.name + elif self.ctype is not None: + return self.name == other.name and self.ctype == other.ctype + else: + return self.name == other.name + elif isinstance(other, str): + return self.name == other + else: + return False + + def __cmp__(self, other): + if self.ctype is not None: + return self.name == other.name and self.ctype == other.ctype + return self.name == other.name + + def __repr__(self): + return f"Type({self.fqtn}, {self.ctype})" + + @property + def resolved(self): + return self.ctype is not None + + @property + def base_ctype(self): + if self.ctype is None: + return None + return self.ctype.replace('*', '') + + @property + def fqtn(self): + if self.is_fundamental: + return self.name + elif '.' in self.name: + return self.name + elif self.namespace is not None: + return f"{self.namespace}.{self.name}" + else: + return None + + +class ArrayType(GIRElement): + """Base class for Array nodes""" + def __init__(self, name: T.Optional[str], value_type: Type, ctype: T.Optional[str] = None, zero_terminated: bool = False, + fixed_size: int = -1, length: int = -1): + super().__init__(name) + self.ctype = ctype + self.zero_terminated = zero_terminated + self.fixed_size = fixed_size + self.length = length + self.value_type = value_type + self.is_fundamental = False + + +class ListType(GIRElement): + """Type class for List nodes""" + def __init__(self, name: str, value_type: Type, ctype: str = None): + super().__init__(name) + self.ctype = ctype + self.value_type = value_type + self.is_fundamental = False + + +class MapType(GIRElement): + """Type class for Map nodes""" + def __init__(self, name: str, key_type: Type, value_type: Type, ctype: str = None): + super().__init__(name) + self.ctype = ctype + self.key_type = key_type + self.value_type = value_type + self.is_fundamental = False + + +class GType: + """Base class for GType information""" + def __init__(self, type_name: str, get_type: str, type_struct: T.Optional[str] = None): + self.type_name = type_name + self.get_type = get_type + self.type_struct = type_struct + + +class VoidType(Type): + def __init__(self): + super().__init__(name='none', ctype='void') + + def __str__(self): + return "void" + + +class VarArgs(Type): + def __init__(self): + super().__init__(name='none', ctype='') + + def __str__(self): + return "..." + + +class Alias(Type): + """Alias to a Type""" + def __init__(self, name: str, namespace: str, ctype: str, target: Type): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.target = target + + +class Constant(Type): + """A constant""" + def __init__(self, name: str, namespace: str, ctype: str, target: Type, value: str): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.target = target + self.value = value + + +class Parameter(GIRElement): + """A callable parameter""" + def __init__(self, name: str, direction: str, transfer: str, target: Type = None, caller_allocates: bool = False, + optional: bool = False, nullable: bool = False, closure: int = -1, destroy: int = -1, + scope: str = None): + super().__init__(name) + self.direction = direction + self.transfer = transfer + self.caller_allocates = caller_allocates + self.optional = optional + self.nullable = nullable + self.scope = scope + self.closure = closure + self.destroy = destroy + if target is None: + self.target: Type = VoidType() + else: + self.target = target + + +class ReturnValue(GIRElement): + """A callable's return value""" + def __init__(self, transfer: str, target: Type, nullable: bool = False, closure: int = -1, destroy: int = -1, scope: str = None): + super().__init__() + self.transfer = transfer + self.nullable = nullable + self.scope = scope + self.closure = closure + self.destroy = destroy + if target is None: + self.target: Type = VoidType() + else: + self.target = target + + +class Callable(GIRElement): + """A callable symbol: function, method, function-macro, ...""" + def __init__(self, name: str, namespace: T.Optional[str], identifier: T.Optional[str], throws: bool = False): + super().__init__(name=name, namespace=namespace) + self.identifier = identifier + self.parameters: T.List[Parameter] = [] + self.return_value: T.Optional[ReturnValue] = None + self.throws: bool = throws + self.moved_to: T.Optional[str] = None + self.shadows: T.Optional[str] = None + self.shadowed_by: T.Optional[str] = None + + def add_parameter(self, param: Parameter) -> None: + self.parameters.append(param) + + def set_parameters(self, params: T.List[Parameter]) -> None: + self.parameters.extend(params) + + def set_return_value(self, res: ReturnValue) -> None: + self.return_value = res + + def set_shadows(self, func: str) -> None: + self.shadows = func + + def set_shadowed_by(self, func: str) -> None: + self.shadowed_by = func + + def set_moved_to(self, func: str) -> None: + self.moved_to = func + + def __contains__(self, param): + if isinstance(param, str): + for p in self.parameters: + if p.name == param: + return True + elif isinstance(param, Parameter): + return param in self.parameters + elif isinstance(param, ReturnValue): + return param == self.return_value + return False + + +class FunctionMacro(Callable): + def __init__(self, name: str, namespace: T.Optional[str], identifier: str): + super().__init__(name, namespace, identifier) + + +class Function(Callable): + def __init__(self, name: str, namespace: T.Optional[str], identifier: str, throws: bool = False): + super().__init__(name, namespace, identifier, throws) + + +class Method(Callable): + def __init__(self, name: str, identifier: str, instance_param: Parameter, throws: bool = False, + set_property: T.Optional[str] = None, get_property: T.Optional[str] = None): + super().__init__(name, None, identifier, throws) + self.instance_param = instance_param + self.set_property = set_property + self.get_property = get_property + + def __contains__(self, param): + if isinstance(param, Parameter) and param == self.instance_param: + return True + return super().__contains__(self, param) + + +class VirtualMethod(Callable): + def __init__(self, name: str, identifier: str, invoker: str, instance_param: Parameter, throws: bool = False): + super().__init__(name, None, identifier, throws) + self.instance_param = instance_param + self.invoker = invoker + + def __contains__(self, param): + if isinstance(param, Parameter) and param == self.instance_param: + return True + return super().__contains__(self, param) + + +class Callback(Callable): + def __init__(self, name: str, namespace: str, ctype: T.Optional[str], throws: bool = False): + super().__init__(name=name, namespace=namespace, identifier=None, throws=throws) + self.ctype = ctype + self.is_fundamental = False + + @property + def base_ctype(self): + if self.ctype is None: + return None + return self.ctype.replace('*', '') + + +class Member(GIRElement): + """A member in an enumeration, error domain, or bitfield""" + def __init__(self, name: str, value: str, identifier: str, nick: str): + super().__init__(name) + self.value = value + self.identifier = identifier + self.nick = nick + + +class Enumeration(Type): + """An enumeration type""" + def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType]): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.gtype = gtype + self.members: T.List[Member] = [] + self.functions: T.List[Function] = [] + + def add_member(self, member: Member) -> None: + self.members.append(member) + + def add_function(self, function: Function) -> None: + self.functions.append(function) + + def set_members(self, members: T.List[Member]) -> None: + self.members.extend(members) + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + def __contains__(self, member): + if isinstance(member, Member): + return member in self.members + return False + + def __iter__(self): + for member in self.members: + yield member + + +class BitField(Enumeration): + """An enumeration type of bit masks""" + def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType]): + super().__init__(name, namespace, ctype, gtype) + + +class ErrorDomain(Enumeration): + """An error domain for GError""" + def __init__(self, name: str, namespace: str, ctype: str, gtype: T.Optional[GType], domain: str): + super().__init__(name, namespace, ctype, gtype) + self.domain = domain + + +class Property(GIRElement): + def __init__(self, name: str, transfer: str, target: Type, writable: bool = True, readable: bool = True, construct: bool = False, + construct_only: bool = False, setter: T.Optional[str] = None, getter: T.Optional[str] = None): + super().__init__(name) + self.transfer = transfer + self.writable = writable + self.readable = readable + self.construct = construct + self.construct_only = construct_only + self.target = target + self.setter = setter + self.getter = getter + + +class Signal(GIRElement): + def __init__(self, name: str, detailed: bool, when: str, action: bool = False, no_hooks: bool = False, no_recurse: bool = False): + super().__init__(name) + self.detailed = detailed + self.when = when + self.action = action + self.no_hooks = no_hooks + self.no_recurse = no_recurse + self.parameters: T.List[Parameter] = [] + self.return_value: T.Optional[ReturnValue] = None + + def set_parameters(self, params: T.List[Parameter]) -> None: + self.parameters.extend(params) + + def set_return_value(self, res: ReturnValue) -> None: + self.return_value = res + + +class Field(GIRElement): + """A field in a struct or union""" + def __init__(self, name: str, target: Type, writable: bool, readable: bool, private: bool = False, bits: int = 0): + super().__init__(name) + self.target = target + self.writable = writable + self.readable = readable + self.private = private + self.bits = bits + + +class Interface(Type): + def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, gtype: GType): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.symbol_prefix = symbol_prefix + self.gtype = gtype + self.methods: T.List[Method] = [] + self.virtual_methods: T.List[VirtualMethod] = [] + self.properties: T.Mapping[str, Property] = {} + self.signals: T.Mapping[str, Signal] = {} + self.functions: T.List[Function] = [] + self.fields: T.List[Field] = [] + self.prerequisite: T.Optional[str] = None + self.implementations: T.List[Type] = [] + + @property + def type_struct(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.type_struct + return self.ctype + + @property + def type_func(self) -> str: + return self.gtype.get_type + + def set_methods(self, methods: T.List[Method]) -> None: + self.methods.extend(methods) + + def set_virtual_methods(self, methods: T.List[VirtualMethod]) -> None: + self.virtual_methods.extend(methods) + + def set_properties(self, properties: T.List[Property]) -> None: + for p in properties: + self.properties[p.name] = p + + def set_signals(self, signals: T.List[Signal]) -> None: + for s in signals: + self.signals[s.name] = s + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + def set_fields(self, fields: T.List[Field]) -> None: + self.fields.extend(fields) + + def set_prerequisite(self, prerequisite: str) -> None: + self.prerequisite = prerequisite + + +class Class(Type): + def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, + gtype: GType, parent: T.Optional[Type] = None, + abstract: bool = False, fundamental: bool = False, + ref_func: T.Optional[str] = None, unref_func: T.Optional[str] = None): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.symbol_prefix = symbol_prefix + self.parent = parent + self.abstract = abstract + self.fundamental = fundamental + self.ref_func = ref_func + self.unref_func = unref_func + self.gtype = gtype + self.ancestors: T.List[Type] = [] + self.implements: T.List[Type] = [] + self.constructors: T.List[Function] = [] + self.methods: T.List[Method] = [] + self.virtual_methods: T.List[VirtualMethod] = [] + self.properties: T.Mapping[str, Property] = {} + self.signals: T.Mapping[str, Signal] = {} + self.functions: T.List[Function] = [] + self.fields: T.List[Field] = [] + self.callbacks: T.List[Callback] = [] + self.descendants: T.List[Type] = [] + + @property + def type_struct(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.type_struct + return None + + @property + def type_func(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.get_type + return self.ctype + + def set_constructors(self, ctors: T.List[Function]) -> None: + self.constructors.extend(ctors) + + def set_methods(self, methods: T.List[Method]) -> None: + self.methods.extend(methods) + + def set_virtual_methods(self, methods: T.List[VirtualMethod]) -> None: + self.virtual_methods.extend(methods) + + def set_properties(self, properties: T.List[Property]) -> None: + for p in properties: + self.properties[p.name] = p + + def set_signals(self, signals: T.List[Signal]) -> None: + for s in signals: + self.signals[s.name] = s + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + def set_implements(self, ifaces: T.List[Type]) -> None: + self.implements.extend(ifaces) + + def set_fields(self, fields: T.List[Field]) -> None: + self.fields.extend(fields) + + +class Boxed(Type): + def __init__(self, name: str, namespace: str, symbol_prefix: str, gtype: GType): + super().__init__(name=name, ctype=None, namespace=namespace) + self.symbol_prefix = symbol_prefix + self.gtype = gtype + self.functions: T.List[Function] = [] + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + +class Record(Type): + def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, + gtype: T.Optional[GType] = None, struct_for: T.Optional[str] = None, + disguised: bool = False): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.symbol_prefix = symbol_prefix + self.gtype = gtype + self.struct_for = struct_for + self.disguised = disguised + self.constructors: T.List[Function] = [] + self.methods: T.List[Method] = [] + self.functions: T.List[Function] = [] + self.fields: T.List[Field] = [] + + @property + def type_struct(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.type_struct + return self.ctype + + @property + def type_func(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.get_type + return None + + def set_constructors(self, ctors: T.List[Function]) -> None: + self.constructors.extend(ctors) + + def set_methods(self, methods: T.List[Method]) -> None: + self.methods.extend(methods) + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + def set_fields(self, fields: T.List[Field]) -> None: + self.fields.extend(fields) + + +class Union(Type): + def __init__(self, name: str, namespace: str, ctype: str, symbol_prefix: str, gtype: T.Optional[GType]): + super().__init__(name=name, ctype=ctype, namespace=namespace) + self.symbol_prefix = symbol_prefix + self.gtype = gtype + self.constructors: T.List[Function] = [] + self.methods: T.List[Method] = [] + self.functions: T.List[Function] = [] + self.fields: T.List[Field] = [] + + @property + def type_struct(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.type_struct + return self.ctype + + @property + def type_func(self) -> T.Optional[str]: + if self.gtype is not None: + return self.gtype.get_type + return None + + def set_constructors(self, ctors: T.List[Function]) -> None: + self.constructors.extend(ctors) + + def set_methods(self, methods: T.List[Method]) -> None: + self.methods.extend(methods) + + def set_functions(self, functions: T.List[Function]) -> None: + self.functions.extend(functions) + + def set_fields(self, fields: T.List[Field]) -> None: + self.fields.extend(fields) + + +class Namespace: + def __init__(self, name: str, version: str, identifier_prefix: T.List[str] = [], symbol_prefix: T.List[str] = []): + self.name = name + self.version = version + + self._shared_libraries: T.List[str] = [] + + self._aliases: T.Mapping[str, Alias] = {} + self._bitfields: T.Mapping[str, BitField] = {} + self._boxeds: T.Mapping[str, Boxed] = {} + self._callbacks: T.Mapping[str, Callback] = {} + self._classes: T.Mapping[str, Class] = {} + self._constants: T.Mapping[str, Constant] = {} + self._enumerations: T.Mapping[str, Enumeration] = {} + self._error_domains: T.Mapping[str, ErrorDomain] = {} + self._functions: T.Mapping[str, Function] = {} + self._function_macros: T.Mapping[str, FunctionMacro] = {} + self._interfaces: T.Mapping[str, Interface] = {} + self._records: T.Mapping[str, Record] = {} + self._unions: T.Mapping[str, Union] = {} + + self._symbols: T.Mapping[str, Type] = {} + self.repository: T.Optional[Repository] = None + + if identifier_prefix: + self.identifier_prefix = identifier_prefix + else: + self.identifier_prefix = [self.name] + if symbol_prefix: + self.symbol_prefix = symbol_prefix + else: + self.symbol_prefix = [self.name.lower()] + + def __str__(self): + return f"{self.name}-{self.version}" + + def add_shared_libraries(self, libs: T.List[str]) -> None: + self._shared_libraries.extend(libs) + + def get_shared_libraries(self) -> T.List[str]: + return self._shared_libraries + + def add_alias(self, alias: Alias) -> None: + self._aliases[alias.name] = alias + + def add_enumeration(self, enum: Enumeration) -> None: + self._enumerations[enum.name] = enum + + def add_error_domain(self, domain: ErrorDomain) -> None: + self._error_domains[domain.name] = domain + + def add_class(self, cls: Class) -> None: + self._classes[cls.name] = cls + + def add_constant(self, constant: Constant) -> None: + self._constants[constant.name] = constant + + def add_interface(self, interface: Interface) -> None: + self._interfaces[interface.name] = interface + + def add_boxed(self, boxed: Boxed) -> None: + self._boxeds[boxed.name] = boxed + + def add_record(self, record: Record) -> None: + self._records[record.name] = record + + def add_union(self, union: Union) -> None: + self._unions[union.name] = union + + def add_function(self, function: Function) -> None: + self._functions[function.name] = function + + def add_bitfield(self, bitfield: BitField) -> None: + self._bitfields[bitfield.name] = bitfield + + def add_function_macro(self, function: FunctionMacro) -> None: + self._function_macros[function.name] = function + + def add_callback(self, callback: Callback) -> None: + self._callbacks[callback.name] = callback + + def get_classes(self) -> T.List[Class]: + return self._classes.values() + + def get_constants(self) -> T.List[Constant]: + return self._constants.values() + + def get_enumerations(self) -> T.List[Enumeration]: + return self._enumerations.values() + + def get_error_domains(self) -> T.List[ErrorDomain]: + return self._error_domains.values() + + def get_aliases(self) -> T.List[Alias]: + return self._aliases.values() + + def get_interfaces(self) -> T.List[Interface]: + return self._interfaces.values() + + def get_boxeds(self) -> T.List[Boxed]: + return self._boxeds.values() + + def get_records(self) -> T.List[Record]: + return self._records.values() + + def get_effective_records(self) -> T.List[Record]: + def is_effective(r): + if "Private" in r.name and r.disguised: + return False + if r.struct_for is not None: + return False + return True + + return [x for x in self._records.values() if is_effective(x)] + + def get_unions(self) -> T.List[Union]: + return self._unions.values() + + def get_functions(self) -> T.List[Function]: + return self._functions.values() + + def get_bitfields(self) -> T.List[BitField]: + return self._bitfields.values() + + def get_function_macros(self) -> T.List[FunctionMacro]: + return self._function_macros.values() + + def get_effective_function_macros(self) -> T.List[FunctionMacro]: + def is_effective(f, ns): + # Lower-case identifiers are an automatic pass + if f.name.islower(): + return True + # Try to eliminate the GObject type macros from the pool + t = f.name.split('_') + # Skip "is-a" macros + if 'IS' in t: + return False + # Skip "get class/iface" macros + if 'GET' in t: + return False + # Re-assemble into what most likely is a type name + s = "".join([x.capitalize() if len(x) > 2 else x for x in t]) + # Skip "cast" macros + if ns.find_class(s) is not None: + return False + if ns.find_interface(s) is not None: + return False + if ns.find_record(s) is not None: + return False + # Anything that survived at this point is likely a valid function + # macro + return True + + return [x for x in self._function_macros.values() if is_effective(x, self)] + + def get_callbacks(self) -> T.List[Callback]: + return self._callbacks.values() + + def find_class(self, cls: str) -> T.Optional[Class]: + return self._classes.get(cls) + + def find_record(self, record: str) -> T.Optional[Record]: + return self._records.get(record) + + def find_interface(self, iface: str) -> T.Optional[Interface]: + return self._interfaces.get(iface) + + def find_union(self, union: str) -> T.Optional[Union]: + return self._unions.get(union) + + def find_enumeration(self, enum: str) -> T.Optional[Enumeration]: + return self._enumerations.get(enum) + + def find_bitfield(self, bitfield: str) -> T.Optional[BitField]: + return self._bitfields.get(bitfield) + + def find_error_domain(self, domain: str) -> T.Optional[ErrorDomain]: + return self._error_domains.get(domain) + + def find_alias(self, alias: str) -> T.Optional[Alias]: + return self._aliases.get(alias) + + def find_function(self, func: str) -> T.Optional[Function]: + if func in self._functions: + return self._functions.get(func) + if func in self._function_macros: + return self._function_macros.get(func) + return None + + def find_real_type(self, name: str) -> T.Optional[Type]: + if name in self._aliases: + return self._aliases[name] + if name in self._bitfields: + return self._bitfields[name] + if name in self._callbacks: + return self._callbacks[name] + if name in self._constants: + return self._constants[name] + if name in self._enumerations: + return self._enumerations[name] + if name in self._error_domains: + return self._error_domains[name] + if name in self._classes: + return self._classes[name] + if name in self._interfaces: + return self._interfaces[name] + if name in self._records: + return self._records[name] + if name in self._unions: + return self._unions[name] + return None + + def find_symbol(self, name: str) -> T.Optional[Type]: + return self._symbols.get(name) + + def find_prerequisite_type(self, name: str) -> T.Optional[Type]: + if name in self._classes: + return self._classes[name] + if name in self._interfaces: + return self._interfaces[name] + return None + + +class Repository: + def __init__(self): + self.includes: T.Mapping[str, Repository] = {} + self.packages: T.List[Package] = [] + self.c_includes: T.List[CInclude] = [] + self.types: T.Mapping[str, T.List[Type]] = {} + self._namespaces: T.List[Namespace] = [] + self.girfile: T.Optional[str] = None + + def add_namespace(self, ns: Namespace) -> None: + self._namespaces.append(ns) + ns.repository = self + + def get_namespace(self, ns: str) -> T.Optional[Namespace]: + for namespace in self._namespaces: + if namespace.name == ns: + return namespace + return None + + def find_included_namespace(self, ns: str) -> T.Optional[Namespace]: + for repo_name in self.includes: + repo = self.includes[repo_name] + if repo.namespace.name == ns: + return repo.namespace + return None + + def _lookup_type(self, name: str) -> T.Optional[Type]: + types = self.types.get(name) + if types is None: + return None + for t in types: + if t.resolved: + return t + return types[0] + + def resolve_empty_ctypes(self, seen_types: T.Mapping[str, T.List[Type]]) -> None: + for fqtn in seen_types: + types = seen_types[fqtn] + resolved_types = [t for t in types if t.resolved] + if len(resolved_types) == 0: + ns, name = fqtn.split('.', 1) + backstop = f"{self.namespace.identifier_prefix[0]}{name}" + resolved_types.append(Type(fqtn, backstop)) + self.types[fqtn] = resolved_types + log.debug(f"Type: {fqtn}: {resolved_types}") + + def resolve_interface_requires(self) -> None: + def find_prerequisite_type(includes, ns, name): + repository = includes.get(ns) + if repository is None: + return None + prereq = repository.namespace.find_prerequisite_type(name) + # If the prerequisite type is unqualified, then we qualify it here + if '.' not in prereq.name: + prereq.name = f"{repository.namespace.name}.{prereq.name}" + return prereq + + ifaces = self.namespace.get_interfaces() + for iface in ifaces: + if iface.prerequisite is None: + continue + prerequisite = None + if '.' in iface.prerequisite.name: + ns, name = iface.prerequisite.name.split('.', 1) + if ns == self.namespace.name: + prerequisite = self.namespace.find_prerequisite_type(name) + else: + prerequisite = find_prerequisite_type(self.includes, ns, name) + else: + prerequisite = self.namespace.find_prerequisite_type(iface.prerequisite.name) + if prerequisite is not None: + if prerequisite.ctype is None: + if '.' not in prerequisite.name: + name = f"{self.namespace.name}.{prerequisite.name}" + else: + name = prerequisite.name + t = self._lookup_type(name) + if t is not None: + prerequisite.ctype = t.ctype + else: + # This is kind of a kludge, but apparently we can get into + # class definitions missing a c:type; if that happens, we + # take the identifier prefix of the namespace and append the + # class name, because that's the inverse of how g-ir-scanner + # determines the class name + prerequisite.ctype = f"{self.namespace.identifier_prefix[0]}{prerequisite.name}" + iface.prerequisite = prerequisite + log.debug(f"Prerequisite type for interface {iface}: {iface.prerequisite}") + + def resolve_class_ctype(self) -> None: + classes = self.namespace.get_classes() + for cls in classes: + if cls.ctype is None: + if '.' not in cls.name: + name = f"{self.namespace.name}.{cls.name}" + else: + name = cls.name + t = self._lookup_type(name) + if t is not None: + cls.ctype = t.base_ctype + else: + # This is kind of a kludge, but apparently we can get into + # class definitions missing a c:type; if that happens, we + # take the identifier prefix of the namespace and append the + # class name, because that's the inverse of how g-ir-scanner + # determines the class name + cls.ctype = f"{self.namespace.identifier_prefix[0]}{cls.name}" + log.debug(f"Updated C type for {cls}") + + def resolve_class_implements(self) -> None: + def find_interface_type(includes, ns, name): + repository = includes.get(ns) + if repository is None: + return None + iface = repository.namespace.find_interface(name) + # If the interface type is unqualified, then we qualify it here + if '.' not in iface.name: + iface.name = f"{repository.namespace.name}.{iface.name}" + return iface + + classes = self.namespace.get_classes() + for cls in classes: + if cls.implements is None: + continue + implements = cls.implements + cls.implements = [] + for iface in implements: + if '.' in iface.name: + ns, name = iface.name.split('.', 1) + if ns == self.namespace.name: + iface_type = self.namespace.find_interface(name) + else: + iface_type = find_interface_type(self.includes, ns, name) + else: + iface_type = self.namespace.find_interface(iface.name) + if iface_type is not None: + if iface_type.ctype is None: + t = self._lookup_type(iface_type.name) + iface_type.ctype = t.ctype + cls.implements.append(iface_type) + log.debug(f"Interfaces implemented by {cls}: {cls.implements}") + + def resolve_class_ancestors(self) -> None: + def find_parent_class(includes, ns, name): + repository = includes.get(ns) + if repository is None: + return None + parent_class = repository.namespace.find_class(name) + # If the parent type is unqualified, then we qualify it here + if '.' not in parent_class.name: + parent_class.name = f"{repository.namespace.name}.{parent_class.name}" + return parent_class + + classes = self.namespace.get_classes() + for cls in classes: + if cls.parent is None: + continue + ancestors = [] + parent = cls.parent + while parent is not None: + if '.' in parent.name: + ns, name = parent.name.split('.') + if ns == self.namespace.name: + real_parent = self.namespace.find_class(name) + else: + real_parent = find_parent_class(self.includes, ns, name) + else: + real_parent = self.namespace.find_class(parent.name) + if real_parent is None: + break + if real_parent.parent is not None and real_parent.parent.name == parent.name: + log.warning(f"Found a loop in the ancestors for {cls}: {real_parent} matches {parent}") + break + if real_parent.ctype is None: + log.debug(f"Looking up C type for {parent.fqtn}") + t = self._lookup_type(parent.name) + real_parent.ctype = t.ctype + log.debug(f"Adding ancestor {real_parent} for {cls}") + ancestors.append(real_parent) + parent = real_parent.parent + cls.ancestors = ancestors + cls.parent = ancestors[0] + log.debug(f"Ancestors for {cls}: parent: {cls.parent}, ancestors: {cls.ancestors}") + + def resolve_class_descendants(self) -> None: + seen_parents = {} + for cls in self.namespace.get_classes(): + if cls.parent is not None: + seen_parents.setdefault(cls.parent.name, []).append(cls) + for name, descendants in seen_parents.items(): + if name in self.namespace._classes: + self.namespace._classes[name].descendants = descendants + + def resolve_moved_to(self) -> None: + functions = list(self.namespace.get_functions()) + old_len = len(functions) + for func in functions[:]: + if func.moved_to is None: + continue + moved_type, moved_func_name = func.moved_to.split('.') + real_type = self.namespace.find_real_type(moved_type) + if real_type is None: + continue + self.namespace._functions.pop(func.name) # XXX: Add accessor + new_len = len(self.namespace._functions) + diff = old_len - new_len + log.debug(f"Removed {old_len} - {new_len} functions: {diff}") + + def resolve_symbols(self) -> None: + symbols: T.Mapping[str, Type] = {} + for func in self.namespace.get_functions(): + symbols[func.identifier] = func + for func in self.namespace.get_function_macros(): + symbols[func.identifier] = func + for cls in self.namespace.get_classes(): + for m in cls.constructors: + symbols[m.identifier] = cls + for m in cls.methods: + symbols[m.identifier] = cls + for m in cls.functions: + symbols[m.identifier] = cls + for iface in self.namespace.get_interfaces(): + for m in iface.methods: + symbols[m.identifier] = iface + for m in iface.functions: + symbols[m.identifier] = iface + for record in self.namespace.get_records(): + for m in record.constructors: + symbols[m.identifier] = record + for m in record.methods: + symbols[m.identifier] = record + for m in record.functions: + symbols[m.identifier] = record + for union in self.namespace.get_unions(): + for m in union.constructors: + symbols[m.identifier] = union + for m in union.methods: + symbols[m.identifier] = union + for m in union.functions: + symbols[m.identifier] = union + self.namespace._symbols = symbols + + def resolve_interface_implementations(self) -> None: + seen_impls = {} + for iface in self.namespace.get_interfaces(): + for cls in self.namespace.get_classes(): + if cls.implements is None: + continue + if iface in cls.implements: + seen_impls.setdefault(iface.name, []).append(cls) + for iface, seen in seen_impls.items(): + if iface in self.namespace._interfaces: + self.namespace._interfaces[iface].implementations = seen + + def get_class_hierarchy(self, root=None): + flat_tree = [] + seen_types = {} + + def window(iterable, size=2): + i = iter(iterable) + win = [] + for e in range(0, size): + win.append(next(i)) + yield win + for e in i: + win = win[1:] + [e] + yield win + + for cls in self.namespace.get_classes(): + if cls.parent is None: + flat_tree.append((cls.name, None)) + continue + + if len(cls.ancestors) < 2: + flat_tree.append((cls.name, cls.ancestors[0].name)) + else: + flat_tree.append((cls.name, cls.ancestors[0].name)) + for chunk in window(cls.ancestors, size=2): + if chunk[0].name in seen_types: + continue + if len(chunk) == 2: + flat_tree.append((chunk[0].name, chunk[1].name)) + else: + flat_tree.append((chunk[0].name, None)) + seen_types[chunk[0].name] = 1 + + def subtree(cls, rel): + return { + v: subtree(v, rel) + for v in [x[0] for x in rel if x[1] == cls] + } + + return subtree(root, flat_tree) + + @property + def namespace(self) -> T.Optional[Namespace]: + return self._namespaces[0] + + def find_type(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]: + if ns is None or self.namespace.name == ns: + res = self.namespace.find_real_type(name) + if res is not None: + return (self.namespace, res) + for repo in self.includes.values(): + if ns is not None and ns != repo.namespace.name: + continue + res = repo.namespace.find_real_type(name) + if res is not None: + return (repo.namespace, res) + return None + + def find_symbol(self, name: str) -> T.Optional[T.Tuple[Namespace, Type]]: + log.debug(f"Looking for symbol {name} in current namespace {self.namespace.name}") + res = self.namespace.find_symbol(name) + if res is not None: + return (self.namespace, res) + for repo in self.includes.values(): + log.debug(f"Looking for symbol {name} in namespace {repo.namespace.name}") + res = repo.namespace.find_symbol(name) + if res is not None: + return (repo.namespace, res) + return None + + def find_class(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]: + if ns is None or self.namespace.name == ns: + res = self.namespace.find_class(name) + if res is not None: + return (self.namespace, res) + for repo in self.includes.values(): + if ns is not None and ns != repo.namespace.name: + continue + res = repo.namespace.find_class(name) + if res is not None: + return (repo.namespace, res) + return None + + def find_interface(self, name: str, ns: T.Optional[str] = None) -> T.Optional[T.Tuple[Namespace, Type]]: + if ns is None or self.namespace.name == ns: + res = self.namespace.find_interface(name) + if res is not None: + return (self.namespace, res) + for repo in self.includes.values(): + if ns is not None and ns != repo.namespace.name: + continue + res = repo.namespace.find_interface(name) + if res is not None: + return (repo.namespace, res) + return None diff --cc subprojects/gi-docgen/gidocgen/gir/parser.py index 823b111a9f,0000000000..ca779a208f mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/gir/parser.py +++ b/subprojects/gi-docgen/gidocgen/gir/parser.py @@@ -1,1069 -1,0 +1,1068 @@@ +# SPDX-FileCopyrightText: 2020 GNOME Foundation +# SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + +import os +import typing as T +import xml.etree.ElementTree as ET + +from .. import log +from . import ast + +GI_NAMESPACES = { + 'core': "http://www.gtk.org/introspection/core/1.0", + 'c': "http://www.gtk.org/introspection/c/1.0", + 'glib': "http://www.gtk.org/introspection/glib/1.0", +} + +FUNDAMENTAL_INTEGRAL_TYPES = [ + 'gint8', 'guint8', 'int8_t', 'uint8_t', + 'gint16', 'guint16', 'int16_t', 'uint16_t', + 'gint32', 'guint32', 'int32_t', 'uint32_t', + 'gint64', 'guint64', 'int64_t', 'uint64_t', + 'gint', 'int', + 'guint', 'unsigned', 'unsigned int', + 'gfloat', 'float', + 'gdouble', 'double', 'long double', + 'gchar', 'guchar', 'char', 'unsigned char', + 'gshort', 'gushort', 'short', 'unsigned short', + 'glong', 'gulong', 'long', 'unsigned long', + 'gunichar', + 'gsize', 'gssize', 'size_t', + 'gboolean', 'bool', + 'va_list', +] + +FUNDAMENTAL_TYPES = FUNDAMENTAL_INTEGRAL_TYPES + [ + 'gpointer', 'gconstpointer', + 'gchar*', 'char*', 'guchar*', + 'utf8', 'filename', +] + +GLIB_ALIASES = { + 'gchar': 'char', + 'gdouble': 'double', + 'gfloat': 'float', + 'gint': 'int', + 'glong': 'long', + 'gshort': 'short', +} + +FUNDAMENTAL_CTYPES = { + 'utf8': 'char*', + 'filename': 'char*', + 'GObject.Object': 'GObject*', + 'GObject.InitiallyUnowned': 'GInitiallyUnowned*', + 'GObject.ParamSpec': 'GObject.ParamSpec*', +} + + +def _corens(tag: str) -> str: + return f"{{{GI_NAMESPACES['core']}}}{tag}" + + +def _glibns(tag: str) -> str: + return f"{{{GI_NAMESPACES['glib']}}}{tag}" + + +def _cns(tag: str) -> str: + return f"{{{GI_NAMESPACES['c']}}}{tag}" + + +class GirParser: + def __init__(self, search_paths=[], error=True): + self._search_paths = search_paths + self._repository = None + self._dependencies = {} + self._seen_types = {} + self._current_namespace = [] + self._error = error + + def append_search_path(self, path: str) -> None: + """Append a path to the list of search paths""" + self._search_paths.append(path) + + def prepend_search_paths(self, path: str) -> None: + """Prepend a path to the list of search paths""" + self._search_paths = [path] + self._search_paths + + def parse(self, girfile: T.TextIO) -> None: + """Parse @girfile""" + log.debug(f"Loading GIR for {girfile}") + tree = ET.parse(girfile) + repository = self._parse_tree(tree.getroot()) + if repository is None: + if self._error: + log.error(f"Could not parse GIR {girfile}") + else: + raise RuntimeError(f"Invalid GIR file {girfile}") + else: + if isinstance(girfile, str): + repository.girfile = girfile + else: + repository.girfile = girfile.name + self._repository = repository + self._repository.resolve_empty_ctypes(self._seen_types) + self._repository.resolve_class_ctype() + self._repository.resolve_class_implements() + self._repository.resolve_class_ancestors() + self._repository.resolve_class_descendants() + self._repository.resolve_interface_requires() + self._repository.resolve_interface_implementations() + self._repository.resolve_moved_to() + self._repository.resolve_symbols() + + def get_repository(self, name: T.Optional[str] = None) -> T.Optional[ast.Repository]: + if name is None: + return self._repository + else: + return self._dependencies[name] + + def _push_namespace(self, ns: ast.Namespace) -> None: + assert ns not in self._current_namespace + self._current_namespace.append(ns) + + def _pop_namespace(self) -> None: + self._current_namespace.pop() + + def _get_namespace(self) -> T.Optional[ast.Namespace]: + if len(self._current_namespace) == 0: + return None + return self._current_namespace[len(self._current_namespace) - 1] + + def _lookup_type(self, name: str, ctype: T.Optional[str] = None) -> ast.Type: + """Look up a type, and if not found, register it""" + is_fundamental = False + if name in FUNDAMENTAL_TYPES: + if name in GLIB_ALIASES: + fqtn = GLIB_ALIASES[name] + else: + fqtn = name + is_fundamental = True + elif name == 'GType': + # This is messy, because GType is part of GObject, but GLib ends up + # registering it first + fqtn = 'GObject.Type' + is_fundamental = True + elif '.' in name: + fqtn = name + else: + ns = self._get_namespace() + if ns is not None: + fqtn = f"{ns.name}.{name}" + else: + log.debug(f"Unqualified type name {name} found") + fqtn = name + if ctype is None and fqtn in FUNDAMENTAL_TYPES: + for t in FUNDAMENTAL_TYPES: + if t == fqtn: + ctype = t + break + if ctype is None and fqtn in FUNDAMENTAL_CTYPES: + ctype = FUNDAMENTAL_CTYPES[fqtn] + found_types = self._seen_types.get(fqtn) + if found_types is not None: + if ctype is not None: + for t in found_types: + if t.resolved and t.ctype == ctype: + log.debug(f"Found seen type: {t} (with ctype)") + return t + t = ast.Type(name=fqtn, ctype=ctype, is_fundamental=is_fundamental) + found_types.append(t) + log.debug(f"Seen new type: {t} (with ctype)") + return t + log.debug(f"Found seen type: {found_types[0]}") + return found_types[0] + # First time we saw this type + res = ast.Type(name=fqtn, ctype=ctype, is_fundamental=is_fundamental) + self._seen_types[fqtn] = [res] + log.debug(f"Seen new type: {res}") + return res + + def _parse_dependency(self, include: ast.Include) -> None: + if self._dependencies.get(include.name, None) is not None: + log.debug(f"Dependency {include} already parsed") + return + found = False + for base_path in self._search_paths: + girfile = os.path.join(base_path, f"{include}.gir") + if os.path.exists(girfile) and os.path.isfile(girfile): + log.debug(f"Loading GIR for dependency {include} at {girfile}") + tree = ET.parse(girfile) + repository = self._parse_tree(tree.getroot()) + if repository is not None: + repository.girfile = girfile + repository.resolve_moved_to() + repository.resolve_symbols() + ns = repository.namespace + self._dependencies[ns.name] = repository + found = True + break + if not found: + if self._error: + log.error(f"Could not find GIR dependency in the search paths: {include}") + else: + raise RuntimeError(f"No {include} found in search paths {self._search_paths}") + + def _parse_tree(self, root: ET.Element) -> ast.Repository: + assert root.tag == _corens('repository') + + includes: T.List[ast.Include] = [] + c_includes: T.List[str] = [] + packages: T.List[str] = [] + + for node in root: + if node.tag == _corens('include'): + includes.append(self._parse_include(node)) + elif node.tag == _cns('include'): + c_includes.append(self._parse_c_include(node)) + elif node.tag == _corens('package'): + packages.append(self._parse_package(node)) + + ns = root.find(_corens('namespace')) + assert ns is not None + + identifier_prefixes = ns.attrib.get(_cns('identifier-prefixes')) + if identifier_prefixes is not None: + identifier_prefixes = identifier_prefixes.split(',') + symbol_prefixes = ns.attrib.get(_cns('symbol-prefixes')) + if symbol_prefixes is not None: + symbol_prefixes = symbol_prefixes.split(',') + + namespace = ast.Namespace(ns.attrib['name'], ns.attrib['version'], identifier_prefixes, symbol_prefixes) + shared_libs = ns.attrib.get('shared-library') + if shared_libs: + namespace.add_shared_libraries(shared_libs.split(',')) + + repository = ast.Repository() + repository.c_includes = c_includes + repository.packages = packages + + for include in includes: + log.debug(f"Parsing dependency {include}") + self._parse_dependency(include) + + repository.includes = self._dependencies + + repository.add_namespace(namespace) + + parse_sections: T.Mapping[str, T.Callable[[ET.Element, ast.Repository, ast.Namespace], T.Any]] = { + _corens('alias'): self._parse_alias, + _corens('bitfield'): self._parse_bitfield, + _glibns('boxed'): self._parse_boxed, + _corens('callback'): self._parse_callback, + _corens('class'): self._parse_class, + _corens('constant'): self._parse_constant, + _corens('enumeration'): self._parse_enumeration, + _corens('function-macro'): self._parse_function_macro, + _corens('function'): self._parse_function, + _corens('interface'): self._parse_interface, + _corens('record'): self._parse_record, + _corens('union'): self._parse_union, + } + + self._push_namespace(namespace) + + for node in ns: + parser_method = parse_sections.get(node.tag, None) + if parser_method is not None: + parser_method(node, repository, namespace) + + self._pop_namespace() + + return repository + + def _parse_include(self, node: ET.Element) -> ast.Include: + return ast.Include(node.attrib['name'], node.attrib['version']) + + def _parse_c_include(self, node: ET.Element) -> str: + return node.attrib['name'] + + def _parse_package(self, node: ET.Element) -> str: + return node.attrib['name'] + + def _maybe_parse_doc(self, node: ET.Element) -> T.Optional[ast.Doc]: + child = node.find('core:doc', GI_NAMESPACES) + if child is None: + return None + + content = child.text or "" + + return ast.Doc(content=content, filename=child.attrib['filename'], line=int(child.attrib['line'])) + + def _maybe_parse_source_position(self, node: ET.Element) -> T.Optional[ast.SourcePosition]: + child = node.find('core:source-position', GI_NAMESPACES) + if child is None: + return None + + return ast.SourcePosition(filename=child.attrib['filename'], line=int(child.attrib['line'])) + + def _maybe_parse_deprecated_doc(self, node: ET.Element) -> T.Optional[str]: + child = node.find('core:doc-deprecated', GI_NAMESPACES) + if child is None: + return None + + return "".join(child.itertext()) + + def _maybe_parse_attributes(self, node: ET.Element) -> T.Optional[T.Mapping[str, str]]: + children = node.findall('core:attribute', GI_NAMESPACES) + if children is None: + return None + + attrs = {} + for child in children: + name = child.attrib.get('name') + value = child.attrib.get('value') + if name is not None: + attrs[name] = value + return attrs + + def _maybe_parse_docs(self, node: ET.Element, element: ast.GIRElement) -> None: + doc = self._maybe_parse_doc(node) + if doc is not None: + element.set_doc(doc) + source_pos = self._maybe_parse_source_position(node) + if source_pos is not None: + element.set_source_position(source_pos) + attrs = self._maybe_parse_attributes(node) + if attrs is not None: + element.set_attributes(attrs) + stability = node.attrib.get('stability') + if stability is not None: + element.set_stability(stability) + deprecated = node.attrib.get('deprecated') + if deprecated is not None: + deprecated_since = node.attrib.get('deprecated-version') + deprecated_doc = self._maybe_parse_deprecated_doc(node) - if deprecated_doc is not None: - element.set_deprecated(deprecated_doc, deprecated_since) ++ element.set_deprecated(deprecated_doc, deprecated_since) + + def _parse_array(self, node: ET.Element) -> ast.Type: + child = node.find('core:array', GI_NAMESPACES) + + array_name = child.attrib.get('name') + array_type = child.attrib.get(_cns('type')) + attr_zero_terminated = child.attrib.get('zero-terminated') + attr_fixed_size = child.attrib.get('fixed-size') + attr_length = child.attrib.get('length') + + target: T.Optional[ast.Type] = None + child_type = child.find('core:type', GI_NAMESPACES) + if child_type is not None: + ttype = child_type.attrib.get(_cns('type')) + tname = child_type.attrib.get('name') + if tname is None and ttype is not None: + log.debug(f"Unlabeled array element type {ttype}") + target = ast.Type(name=ttype.replace('*', ''), ctype=ttype) + if tname == 'none' and ttype == 'void': + target = ast.VoidType() + elif ttype == 'gpointer' and tname in FUNDAMENTAL_INTEGRAL_TYPES: + # API returning a pointer with an overridden fundamental type, + # like in-out/out signal arguments + target = self._lookup_type(name=tname, ctype=f"{tname}*") + elif ttype == 'gpointer' and tname != 'gpointer': + # API returning gpointer to avoid casting + target = self._lookup_type(name=tname) + elif tname: + target = self._lookup_type(name=tname, ctype=ttype) + else: + target = ast.VoidType() + else: + target = ast.VoidType() + # This sort of complete brain damage is par for the course in g-i, sadly; I really + # need to go into it with a sledgehammer and make the output complete, instead of + # relying on assumptions made in 2010. + zero_terminated = False + fixed_size = -1 + length = -1 + if attr_zero_terminated is not None: + zero_terminated = bool(attr_zero_terminated == '1') + else: + zero_terminated = bool(array_name is None and attr_fixed_size is None and attr_length is None) + if attr_fixed_size is not None: + fixed_size = int(attr_fixed_size) + if attr_length is not None: + length = int(attr_length) + + return ast.ArrayType(name=array_name, zero_terminated=zero_terminated, + fixed_size=fixed_size, length=length, + ctype=array_type, value_type=target) + + def _parse_ctype(self, node: ET.Element) -> ast.Type: + ctype: T.Optional[ast.Type] = None + + child = node.find('core:array', GI_NAMESPACES) + if child is not None: + return self._parse_array(node) + + child = node.find('core:type', GI_NAMESPACES) + if child is not None: + ttype = child.attrib.get(_cns('type')) + tname = child.attrib.get('name') + if tname is None and ttype is None: + log.debug(f"Found empty type annotation for node {node.tag}") + ctype = ast.VoidType() + elif tname is None and ttype is not None: + log.debug(f"Unnamed type {ttype}") + ctype = ast.Type(name=ttype.replace('*', ''), ctype=ttype) + elif tname == 'none' and ttype == 'void': + ctype = None + elif tname in ['GLib.List', 'GLib.SList']: + child_type = child.find('core:type', GI_NAMESPACES) + if child_type is not None: + etname = child_type.attrib.get('name', 'gpointer') + etype = self._lookup_type(name=etname) + ctype = ast.ListType(name=tname, ctype=ttype, value_type=etype) + else: + ctype = self._lookup_type(name=tname, ctype=ttype) + elif tname in ['GList.HashTable']: + child_types = child.findall('core:type', GI_NAMESPACES) + if child_types is not None and len(child_types) == 2: + ktname = child_types[0].attrib.get('name', 'gpointer') + vtname = child_types[1].attrib.get('name', 'gpointer') + ctype = ast.MapType(name=tname, ctype=ttype, + key_type=ast.Type(ktname), + value_type=ast.Type(vtname)) + else: + ctype = self._lookup_type(name=tname, ctype=ttype) + elif ttype == 'gpointer' and tname in FUNDAMENTAL_INTEGRAL_TYPES: + # API returning a pointer with an overridden fundamental type, + # like in-out/out signal arguments + ctype = self._lookup_type(name=tname, ctype=f"{tname}*") + elif ttype == 'gpointer' and tname != 'gpointer': + # API returning gpointer to avoid casting + ctype = self._lookup_type(name=tname) + else: + ctype = self._lookup_type(name=tname, ctype=ttype) + else: + child = node.find('core:varargs', GI_NAMESPACES) + if child is not None: + ctype = ast.VarArgs() + + if ctype is None: + ctype = ast.VoidType() + + return ctype + + def _parse_alias(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + child = node.find('core:type', GI_NAMESPACES) + assert child is not None + + name = node.attrib.get('name') + ctype = node.attrib.get(_cns('type')) + + alias_type = ast.Type(name=child.attrib['name'], ctype=child.attrib.get(_cns('type'))) + + res = ast.Alias(name=name, namespace=ns.name, ctype=ctype, target=alias_type) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + + ns.add_alias(res) + + def _parse_callback_field(self, node: ET.Element) -> ast.Callback: + name = node.attrib.get('name') + ctype = node.attrib.get(_cns('type')) + throws = node.attrib.get('throws', '0') == '1' + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = self._parse_return_value(child) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.Callback(name=name, namespace=None, ctype=ctype, throws=throws) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_parameters(params) + res.set_return_value(return_value) + self._maybe_parse_docs(node, res) + return res + + def _parse_callback(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get('name') + ctype = node.attrib.get(_cns('type')) + throws = node.attrib.get('throws', '0') == '1' + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = self._parse_return_value(child) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.Callback(name=name, namespace=ns.name, ctype=ctype, throws=throws) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_parameters(params) + res.set_return_value(return_value) + self._maybe_parse_docs(node, res) + ns.add_callback(res) + + def _parse_constant(self, node: ET.Element, repo: ast.Repository, ns: T.Optional[ast.Namespace]) -> None: + child = node.find('core:type', GI_NAMESPACES) + assert child is not None + + name = node.attrib.get('name') + ctype = node.attrib.get(_cns('type')) + value = node.attrib.get('value') + + const_type = ast.Type(name=child.attrib['name'], ctype=child.attrib.get(_cns('type'))) + + res = ast.Constant(name=name, namespace=ns.name, ctype=ctype, value=value, target=const_type) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + self._maybe_parse_docs(node, res) + + ns.add_constant(res) + + def _parse_return_value(self, node: ET.Element) -> ast.ReturnValue: + transfer = node.attrib.get('transfer-ownership', 'none') + nullable = node.attrib.get('nullable', '0') == '1' + closure = int(node.attrib.get('closure', -1)) + destroy = int(node.attrib.get('destroy', -1)) + scope = node.attrib.get('scope') + + ctype = self._parse_ctype(node) + + res = ast.ReturnValue(transfer=transfer, target=ctype, nullable=nullable, closure=closure, + destroy=destroy, scope=scope) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + self._maybe_parse_docs(node, res) + + return res + + def _parse_parameter(self, node: ET.Element, is_instance_param: bool = False) -> ast.Parameter: + name = node.attrib.get('name') + direction = node.attrib.get('direction', 'in') + transfer = node.attrib.get('transfer-ownership', 'none') + nullable = node.attrib.get('nullable', '0') == '1' + optional = node.attrib.get('optional', '0') == '1' + caller_allocates = node.attrib.get('caller-allocates', '1') == '1' + closure = int(node.attrib.get('closure', -1)) + destroy = int(node.attrib.get('destroy', -1)) + scope = node.attrib.get('scope') + + ctype = self._parse_ctype(node) + + res = ast.Parameter(name=name, direction=direction, transfer=transfer, target=ctype, + optional=optional, nullable=nullable, caller_allocates=caller_allocates, + closure=closure, destroy=destroy, scope=scope) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + self._maybe_parse_docs(node, res) + + return res + + def _parse_type_function(self, node: ET.Element, ns: T.Optional[ast.Namespace] = None) -> ast.Function: + name = node.attrib.get('name') + identifier = node.attrib.get(_cns('identifier')) + throws = node.attrib.get('throws', '0') == '1' + shadows = node.attrib.get('shadows') + shadowed_by = node.attrib.get('shadowed-by') + moved_to = node.attrib.get('moved-to') + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = self._parse_return_value(child) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + if ns is not None: + namespace = ns.name + else: + namespace = None + + res = ast.Function(name=name, namespace=namespace, identifier=identifier, throws=throws) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_return_value(return_value) + res.set_parameters(params) + res.set_shadows(shadows) + res.set_shadowed_by(shadowed_by) + res.set_moved_to(moved_to) + self._maybe_parse_docs(node, res) + return res + + def _parse_function(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + res = self._parse_type_function(node, ns) + ns.add_function(res) + + def _parse_function_macro(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get('name') + identifier = node.attrib.get(_cns('identifier')) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.FunctionMacro(name=name, namespace=ns.name, identifier=identifier) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_parameters(params) + res.set_return_value(ast.ReturnValue(transfer='none', + target=ast.VoidType(), + nullable=False, + closure=-1, destroy=-1, + scope=None)) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + ns.add_function_macro(res) + + def _parse_method(self, node: ET.Element) -> ast.Method: + name = node.attrib.get('name') + identifier = node.attrib.get(_cns('identifier')) + throws = node.attrib.get('throws', '0') == '1' + shadows = node.attrib.get('shadows') + shadowed_by = node.attrib.get('shadowed-by') + set_property = node.attrib.get(_glibns('set-property')) + get_property = node.attrib.get(_glibns('get-property')) + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = self._parse_return_value(child) + + child = node.find('./core:parameters/core:instance-parameter', GI_NAMESPACES) + instance_param = self._parse_parameter(child, True) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.Method(name=name, identifier=identifier, instance_param=instance_param, throws=throws, + set_property=set_property, get_property=get_property) + res.set_return_value(return_value) + res.set_parameters(params) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_shadows(shadows) + res.set_shadowed_by(shadowed_by) + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + return res + + def _parse_virtual_method(self, node: ET.Element) -> ast.VirtualMethod: + name = node.attrib.get('name') + identifier = node.attrib.get(_cns('identifier')) + invoker = node.attrib.get('invoker') + throws = node.attrib.get('throws', '0') == '1' + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = self._parse_return_value(child) + + child = node.find('./core:parameters/core:instance-parameter', GI_NAMESPACES) + instance_param = self._parse_parameter(child, True) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.VirtualMethod(name=name, identifier=identifier, invoker=invoker, instance_param=instance_param, throws=throws) + res.set_return_value(return_value) + res.set_parameters(params) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + return res + + def _parse_enum_member(self, node: ET.Element) -> ast.Member: + name = node.attrib.get('name') + value = node.attrib.get('value') + identifier = node.attrib.get(_cns("identifier")) + nick = node.attrib.get(_glibns("nick")) + + res = ast.Member(name=name, value=value, identifier=identifier, nick=nick) + self._maybe_parse_docs(node, res) + return res + + def _parse_enumeration(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + children = node.findall('core:member', GI_NAMESPACES) + if children is None or len(children) == 0: + return + + members = [] + for child in children: + members.append(self._parse_enum_member(child)) + + children = node.findall('core:function', GI_NAMESPACES) + functions = [] + for child in children: + functions.append(self._parse_type_function(child)) + + name: str = node.attrib['name'] + ctype: str = node.attrib[_cns('type')] + type_name: T.Optional[str] = node.attrib.get(_glibns('type-name')) + get_type: T.Optional[str] = node.attrib.get(_glibns('get-type')) + error_domain: T.Optional[str] = node.attrib.get(_glibns('error-domain')) + + gtype = None + if type_name is not None and get_type is not None: + gtype = ast.GType(type_name, get_type) + + if error_domain is not None: + res: ast.ErrorDomain = ast.ErrorDomain(name=name, namespace=ns.name, + ctype=ctype, gtype=gtype, + domain=error_domain) + ns.add_error_domain(res) + else: + res: ast.Enumeration = ast.Enumeration(name=name, namespace=ns.name, + ctype=ctype, gtype=gtype) + ns.add_enumeration(res) + + res.set_members(members) + res.set_functions(functions) + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + + def _parse_bitfield(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + children = node.findall('core:member', GI_NAMESPACES) + if children is None or len(children) == 0: + return + + members = [] + for child in children: + members.append(self._parse_enum_member(child)) + + children = node.findall('core:function', GI_NAMESPACES) + functions = [] + for child in children: + functions.append(self._parse_type_function(child)) + + name = node.attrib.get('name') + ctype = node.attrib.get(_cns('type')) + type_name = node.attrib.get(_glibns('type-name')) + get_type = node.attrib.get(_glibns('get-type')) + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name, get_type) + + res = ast.BitField(name=name, namespace=ns.name, ctype=ctype, gtype=gtype) + res.set_members(members) + res.set_functions(functions) + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + ns.add_bitfield(res) + + def _parse_property(self, node: ET.Element) -> ast.Property: + name = node.attrib.get('name') + writable = node.attrib.get('writable', '0') == '1' + readable = node.attrib.get('readable', '1') == '1' + construct_only = node.attrib.get('construct-only', '0') == '1' + construct = node.attrib.get('construct', '0') == '1' + transfer = node.attrib.get('transfer-ownership') + setter = node.attrib.get('setter') + getter = node.attrib.get('getter') + + ctype = self._parse_ctype(node) + + res = ast.Property(name=name, transfer=transfer, target=ctype, + writable=writable, readable=readable, + construct=construct, construct_only=construct_only, + setter=setter, getter=getter) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + return res + + def _parse_signal(self, node: ET.Element) -> ast.Signal: + name = node.attrib.get('name') + when = node.attrib.get('when') + detailed = node.attrib.get('detailed') == '1' + action = node.attrib.get('action') == '1' + no_hooks = node.attrib.get('no-hooks') == '1' + no_recurse = node.attrib.get('no-recurse') == '1' + + child = node.find('core:return-value', GI_NAMESPACES) + return_value = None + if child is not None: + return_value = self._parse_return_value(child) + + children = node.findall('./core:parameters/core:parameter', GI_NAMESPACES) + params = [] + for child in children: + params.append(self._parse_parameter(child)) + + res = ast.Signal(name=name, when=when, detailed=detailed, action=action, no_hooks=no_hooks, no_recurse=no_recurse) + res.set_parameters(params) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + if return_value is not None: + res.set_return_value(return_value) + return res + + def _parse_field(self, node: ET.Element) -> ast.Field: + name = node.attrib.get('name') + writable = node.attrib.get('writable', '0') == '1' + readable = node.attrib.get('readable', '0') == '1' + private = node.attrib.get('private', '0') == '1' + bits = int(node.attrib.get('bits', '0')) + + child = node.find('core:callback', GI_NAMESPACES) + if child is not None: + ctype = self._parse_callback_field(child) + else: + ctype = self._parse_ctype(node) + + if ctype is None: + ctype = ast.VoidType() + + res = ast.Field(name=name, writable=writable, readable=readable, private=private, bits=bits, target=ctype) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + return res + + def _parse_implements(self, node: ET.Element) -> ast.Interface: + return self._lookup_type(name=node.attrib['name']) + + def _parse_class(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get('name') + symbol_prefix = node.attrib.get(_cns('symbol-prefix')) + ctype = node.attrib.get(_cns('type')) + parent = node.attrib.get('parent') + type_name = node.attrib.get(_glibns('type-name')) + get_type = node.attrib.get(_glibns('get-type')) + type_struct = node.attrib.get(_glibns('type-struct')) + abstract = node.attrib.get('abstract', '0') == '1' + fundamental = node.attrib.get(_glibns('fundamental'), '0') == '1' + ref_func = node.attrib.get(_glibns('ref-func')) + unref_func = node.attrib.get(_glibns('unref-func')) + + parent_type = None + if parent is not None: + parent_type = self._lookup_type(name=parent) + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct) + + fields = [] + children = node.findall('core:field', GI_NAMESPACES) + for child in children: + fields.append(self._parse_field(child)) + + ifaces = [] + children = node.findall('core:implements', GI_NAMESPACES) + for child in children: + ifaces.append(self._parse_implements(child)) + + ctors = [] + children = node.findall('core:constructor', GI_NAMESPACES) + for child in children: + ctors.append(self._parse_type_function(child)) + + methods = [] + children = node.findall('core:method', GI_NAMESPACES) + for child in children: + methods.append(self._parse_method(child)) + + vmethods = [] + children = node.findall('core:virtual-method', GI_NAMESPACES) + for child in children: + vmethods.append(self._parse_virtual_method(child)) + + functions = [] + children = node.findall('core:function', GI_NAMESPACES) + for child in children: + functions.append(self._parse_type_function(child)) + + properties = [] + children = node.findall('core:property', GI_NAMESPACES) + for child in children: + properties.append(self._parse_property(child)) + + signals = [] + children = node.findall('glib:signal', GI_NAMESPACES) + for child in children: + signals.append(self._parse_signal(child)) + + res = ast.Class(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype, + parent=parent_type, gtype=gtype, + abstract=abstract, fundamental=fundamental, + ref_func=ref_func, unref_func=unref_func) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_fields(fields) + res.set_implements(ifaces) + res.set_constructors(ctors) + res.set_methods(methods) + res.set_virtual_methods(vmethods) + res.set_functions(functions) + res.set_properties(properties) + res.set_signals(signals) + self._maybe_parse_docs(node, res) + ns.add_class(res) + + def _parse_interface(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get('name') + symbol_prefix = node.attrib.get(_cns('symbol-prefix')) + ctype = node.attrib.get(_cns('type')) + type_name = node.attrib.get(_glibns('type-name')) + get_type = node.attrib.get(_glibns('get-type')) + type_struct = node.attrib.get(_glibns('type-struct')) + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct) + + prerequisite = None + child = node.find('core:prerequisite', GI_NAMESPACES) + if child is not None: + prerequisite = self._lookup_type(name=child.attrib['name']) + + fields = [] + children = node.findall('core:field', GI_NAMESPACES) + for child in children: + fields.append(self._parse_field(child)) + + methods = [] + children = node.findall('core:method', GI_NAMESPACES) + for child in children: + methods.append(self._parse_method(child)) + + vmethods = [] + children = node.findall('core:virtual-method', GI_NAMESPACES) + for child in children: + vmethods.append(self._parse_virtual_method(child)) + + functions = [] + children = node.findall('core:function', GI_NAMESPACES) + for child in children: + functions.append(self._parse_type_function(child)) + + properties = [] + children = node.findall('core:property', GI_NAMESPACES) + for child in children: + properties.append(self._parse_property(child)) + + signals = [] + children = node.findall('glib:signal', GI_NAMESPACES) + for child in children: + signals.append(self._parse_signal(child)) + + res = ast.Interface(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype, gtype=gtype) + res.set_prerequisite(prerequisite) + res.set_fields(fields) + res.set_virtual_methods(vmethods) + res.set_properties(properties) + res.set_signals(signals) + res.set_methods(methods) + res.set_functions(functions) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + self._maybe_parse_docs(node, res) + ns.add_interface(res) + + def _parse_boxed(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get(_glibns('name')) + symbol_prefix = node.attrib.get(_cns('symbol-prefix')) + type_name = node.attrib.get(_glibns('type-name')) + get_type = node.attrib.get(_glibns('get-type')) + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name=type_name, get_type=get_type) + + functions = [] + children = node.findall('core:function', GI_NAMESPACES) + for child in children: + functions.append(self._parse_type_function(child)) + + res = ast.Boxed(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, gtype=gtype) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_functions(functions) + self._maybe_parse_docs(node, res) + ns.add_boxed(res) + + def _parse_record(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name: str = node.attrib['name'] + symbol_prefix: str = node.attrib.get(_cns('symbol-prefix'), '') + ctype: str = node.attrib[_cns('type')] + type_name: T.Optional[str] = node.attrib.get(_glibns('type-name')) + get_type: T.Optional[str] = node.attrib.get(_glibns('get-type')) + type_struct: T.Optional[str] = node.attrib.get(_glibns('type-struct')) + gtype_struct_for: T.Optional[str] = node.attrib.get(_glibns('is-gtype-struct-for')) + disguised: bool = node.attrib.get('disguised', '0') == '1' + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct) + + fields = [] + children = node.findall('core:field', GI_NAMESPACES) + for child in children: + fields.append(self._parse_field(child)) + + ctors = [] + children = node.findall('core:constructor', GI_NAMESPACES) + for child in children: + ctors.append(self._parse_type_function(child)) + + methods = [] + children = node.findall('core:method', GI_NAMESPACES) + for child in children: + methods.append(self._parse_method(child)) + + functions = [] + children = node.findall('core:function', GI_NAMESPACES) + for child in children: + functions.append(self._parse_type_function(child)) + + res = ast.Record(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, + ctype=ctype, gtype=gtype, + struct_for=gtype_struct_for, disguised=disguised) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_fields(fields) + res.set_constructors(ctors) + res.set_methods(methods) + res.set_functions(functions) + self._maybe_parse_docs(node, res) + ns.add_record(res) + + def _parse_union(self, node: ET.Element, repo: ast.Repository, ns: ast.Namespace) -> None: + name = node.attrib.get('name') + symbol_prefix = node.attrib.get(_cns('symbol-prefix')) + ctype = node.attrib.get(_cns('type')) + type_name = node.attrib.get(_glibns('type-name')) + get_type = node.attrib.get(_glibns('get-type')) + type_struct = node.attrib.get(_glibns('type-struct')) + + gtype = None + if type_name is not None: + gtype = ast.GType(type_name=type_name, get_type=get_type, type_struct=type_struct) + + fields = [] + children = node.findall('core:field', GI_NAMESPACES) + for child in children: + fields.append(self._parse_field(child)) + + ctors = [] + children = node.findall('core:constructor', GI_NAMESPACES) + for child in children: + ctors.append(self._parse_type_function(child)) + + methods = [] + children = node.findall('core:method', GI_NAMESPACES) + for child in children: + methods.append(self._parse_method(child)) + + functions = [] + children = node.findall('core:function', GI_NAMESPACES) + for child in children: + functions.append(self._parse_type_function(child)) + + res = ast.Union(name=name, namespace=ns.name, symbol_prefix=symbol_prefix, ctype=ctype, gtype=gtype) + res.set_introspectable(node.attrib.get('introspectable', '1') != '0') + res.set_version(node.attrib.get('version')) + res.set_fields(fields) + res.set_constructors(ctors) + res.set_methods(methods) + res.set_functions(functions) + self._maybe_parse_docs(node, res) + ns.add_union(res) diff --cc subprojects/gi-docgen/gidocgen/templates/basic/class.html index b74bdea7e2,0000000000..6d76282780 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/class.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/class.html @@@ -1,697 -1,0 +1,710 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ class.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% macro sidebar_block(elements, class_name, section_title, section_class, section_fragment) -%} +{% if elements|length > 0 %} +
    +
    {{ section_title }}
    +
    + {% for m in elements %} + {{ m.name }} + {% endfor %} +
    +
    +{% endif %} +{% endmacro %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ class.name }} +
    +
    + +{{ sidebar_block(class.ctors, class.name, "Constructors", "ctor", "ctor") }} +{{ sidebar_block(class.type_funcs, class.name, "Functions", "func", "type_func") }} +{{ sidebar_block(class.methods, class.name, "Instance methods", "method", "method") }} +{{ sidebar_block(class.properties, class.name, "Properties", "property", "property") }} +{{ sidebar_block(class.signals, class.name, "Signals", "signal", "signal") }} +{{ sidebar_block(class.class_methods, class.name, "Class methods", "method", "class_method") }} +{{ sidebar_block(class.virtual_methods, class.name, "Virtual methods", "method", "vfunc") }} +{% endblock %} + +{% macro navbar_block(elements, section_title, section_link) -%} +{% if elements|length > 0 %} +
  • {{ section_title }}
    • +{% endif %} +{% endmacro %} + +{% block navbar %} +
    + +
    +{% endblock %} + +{% block content %} +
    +
    +

    Class

    +

    {{ namespace.name }}{{ class.name }}

    +
    + +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and class.docs_location %} + [src] + {% endif %} +

    + + 
    {{ class.c_decl }}
    + +
    + {{ class.description }} +
    + +
    + + {% if class.stability %} + + {% endif %} + {% if class.available_since %} + + {% endif %} + {% if class.deprecated_since %} + + + {% endif %} +
    Stability:{{ class.stability }}
    Available since:{{ class.available_since }}
    Deprecated since:{{ class.deprecated_since.version }}
    {{ class.deprecated_since.message }}
    +
    + + {% if class.attributes %} +
    + + {% for (key, value) in class.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    +     + + {% if CONFIG.show_class_hierarchy and (class.ancestors or class.interfaces) %} +
    +

    + Hierarchy + +

    +
    + {{ class.hierarchy_svg|safe }} +
    +
    + {% endif %} + + {% if class.ancestors %} +
    +

    + Ancestors + +

    + +
    + +
    +
    + {% endif %} + + {% if class.descendants %} +
    +

    Descendants

    +
    +
      + {%- for cls in class.descendants %} +
    • {{ cls.ctype }}
      • + {% endfor -%} +
    +
    +
    + {% endif %} + + {% if class.interfaces %} +
    +

    + Implements + +

    + +
    + +
    +
    + {% endif %} + + {% if class.ctors %} +
    +

    + Constructors + +

    + +
    + {% for ctor in class.ctors %} +
    +
    {{ ctor.identifier }}
    + +
    + {{ ctor.summary }} +
    + + {% if ctor.available_since or ctor.deprecated_since -%} +
    + {%- if ctor.available_since -%} +

    Available since: {{ ctor.available_since }}

    + {%- endif -%} + {%- if ctor.deprecated_since -%} +

    Deprecated since: {{ ctor.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if class.type_funcs %} +
    +

    + Functions + +

    + +
    + {% for func in class.type_funcs %} +
    +
    {{ func.identifier }}
    + +
    + {{ func.summary }} +
    + + {% if func.available_since or func.deprecated_since -%} +
    + {%- if func.available_since -%} +

    Available since: {{ func.available_since }}

    + {%- endif -%} + {%- if func.deprecated_since -%} +

    Deprecated since: {{ func.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if class.show_methods %} +
    +

    + Instance methods + +

    + +
    + {% for method in class.methods %} +
    +
    {{ method.identifier }}
    +
    + {{ method.summary }} +
    + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + + {% for ancestor in class.ancestors %} + {% if ancestor.n_methods > 0 %} +
    + {%- if ancestor.namespace == namespace.name %} +
    Methods inherited from {{ ancestor.type_cname }} ({{ ancestor.n_methods }})
    + {%- else -%} +
    Methods inherited from {{ ancestor.type_cname }} ({{ ancestor.n_methods }})
    + {% endif -%} + +
    + {% for method in ancestor.methods %} + {%- if ancestor.namespace == namespace.name %} +
    {{ method.identifier }}
    + {%- else -%} +
    {{ method.identifier }}
    + {% endif -%} +
    + {{ method.summary }} +
    + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% else %} +
    +

    Please see  + {%- if ancestor.namespace == namespace.name -%} + {{ ancestor.type_cname }} + {%- else -%} + {{ ancestor.type_cname }} + {%- endif -%} +  for a full list of methods.

    +
    + {% endfor %} +
    +
    + {% endif %} + {% endfor %} + + {% for iface in class.interfaces %} + {% if iface.n_methods > 0 %} +
    + {%- if iface.namespace == namespace.name %} +
    Methods inherited from {{ iface.type_cname }} ({{ iface.n_methods }})
    + {%- else -%} +
    Methods inherited from {{ iface.type_cname }} ({{ iface.n_methods }})
    + {% endif -%} + +
    + {% for method in iface.methods %} + {%- if iface.namespace == namespace.name %} +
    {{ method.identifier }}
    + {%- else -%} +
    {{ method.identifier }}
    + {% endif -%} +
    + {{ method.summary }} +
    + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% else %} +
    +

    Please see  + {%- if iface.namespace == namespace.name -%} + {{ iface.type_cname }} + {%- else -%} + {{ iface.type_cname }} + {%- endif -%} +  for a full list of methods.

    +
    + {% endfor %} +
    +
    + {% endif %} + {% endfor %} +
    + {% endif %} + + {% if class.show_properties %} +
    +

    + Properties + +

    + + {% if class.properties %} +
    + {% for property in class.properties %} +
    +
    {{ class.fqtn }}:{{ property.name }}
    + +
    + {{ property.summary }} +
    + + {% if property.available_since or property.deprecated_since -%} +
    + {%- if property.available_since -%} +

    Available since: {{ property.available_since }}

    + {%- endif -%} + {%- if property.deprecated_since -%} +

    Deprecated since: {{ property.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + {% endif %} + + {% for ancestor in class.ancestors %} + {% if ancestor.n_properties > 0 %} +
    + {%- if ancestor.namespace == namespace.name %} +
    Properties inherited from {{ ancestor.type_cname }} ({{ ancestor.n_properties }})
    + {%- else -%} +
    Properties inherited from {{ ancestor.type_cname }} ({{ ancestor.n_properties }})
    + {% endif -%} + +
    + {% for property in ancestor.properties %} + {%- if ancestor.namespace == namespace.name %} +
    {{ ancestor.fqtn }}:{{ property.name }}
    + {%- else -%} +
    {{ ancestor.fqtn }}:{{ property.name }}
    + {% endif -%} +
    + {{ property.summary }} +
    + {% if property.available_since or property.deprecated_since -%} +
    + {%- if property.available_since -%} +

    Available since: {{ property.available_since }}

    + {%- endif -%} + {%- if property.deprecated_since -%} +

    Deprecated since: {{ property.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% endfor %} +
    +
    + {% endif %} + {% endfor %} + + {% for iface in class.interfaces %} + {% if iface.n_properties > 0 %} +
    + {%- if iface.namespace == namespace.name %} +
    Properties inherited from {{ iface.type_cname }} ({{ iface.n_properties }})
    + {%- else -%} +
    Properties inherited from {{ iface.type_cname }} ({{ iface.n_properties }})
    + {% endif -%} + +
    + {% for property in iface.properties %} + {%- if iface.namespace == namespace.name %} +
    {{ iface.fqtn }}:{{ property.name }}
    + {%- else -%} +
    {{ iface.fqtn }}:{{ property.name }}
    + {% endif -%} +
    + {{ property.summary }} +
    + {% if property.available_since or property.deprecated_since -%} +
    + {%- if property.available_since -%} +

    Available since: {{ property.available_since }}

    + {%- endif -%} + {%- if property.deprecated_since -%} +

    Deprecated since: {{ property.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% endfor %} +
    +
    + {% endif %} + {% endfor %} + +
    + {% endif %} + + {% if class.show_signals %} +
    +

    + Signals + +

    + + {% if class.signals %} +
    + {% for signal in class.signals %} +
    +
    {{ class.fqtn }}::{{ signal.name }}
    +
    + {{ signal.summary }} +
    + {% if signal.available_since or signal.deprecated_since -%} +
    + {%- if signal.available_since -%} +

    Available since: {{ signal.available_since }}

    + {%- endif -%} + {%- if signal.deprecated_since -%} +

    Deprecated since: {{ signal.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + {% endif %} + + {% for ancestor in class.ancestors %} + {% if ancestor.n_signals > 0 %} +
    + {%- if ancestor.namespace == namespace.name %} +
    Signals inherited from {{ ancestor.type_cname }} ({{ ancestor.n_signals }})
    + {%- else -%} +
    Signals inherited from {{ ancestor.type_cname }} ({{ ancestor.n_signals }})
    + {% endif -%} + +
    + {% for signal in ancestor.signals %} + {%- if ancestor.namespace == namespace.name %} +
    {{ ancestor.fqtn }}::{{ signal.name }}
    + {%- else -%} +
    {{ ancestor.fqtn }}::{{ signal.name }}
    + {% endif -%} +
    + {{ signal.summary }} +
    + {% if signal.available_since or signal.deprecated_since -%} +
    + {%- if signal.available_since -%} +

    Available since: {{ signal.available_since }}

    + {%- endif -%} + {%- if signal.deprecated_since -%} +

    Deprecated since: {{ signal.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% endfor %} +
    +
    + {% endif %} + {% endfor %} + + {% for iface in class.interfaces %} + {% if iface.n_signals %} +
    + {%- if iface.namespace == namespace.name %} +
    Signals inherited from {{ iface.type_cname }} ({{ iface.n_signals }})
    + {%- else -%} +
    Signals inherited from {{ iface.type_cname }} ({{ iface.n_signals }})
    + {% endif -%} + +
    + {% for signal in iface.signals %} + {%- if iface.namespace == namespace.name %} +
    {{ iface.fqtn }}::{{ signal.name }}
    + {%- else -%} +
    {{ iface.fqtn }}::{{ signal.name }}
    + {% endif -%} +
    + {{ signal.summary }} +
    + {% if signal.available_since or signal.deprecated_since -%} +
    + {%- if signal.available_since -%} +

    Available since: {{ signal.available_since }}

    + {%- endif -%} + {%- if signal.deprecated_since -%} +

    Deprecated since: {{ signal.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} + {% endfor %} +
    +
    + {% endif %} + {% endfor %} + +
    + {% endif %} + + {% if class.class_name %} +
    +

    + Class structure + +

    + +
    + 
    struct {{ namespace.name}}{{ class.class_name }} {
 +  {% for field in class.class_fields %}
 +  {%- if field.is_callback -%}
 +  {{ field.type_cname }};
 +  {%- else -%}
 +  {{ field.type_cname }} {{ field.name }};
 +  {%- endif %}
 +  {% else %}/* no available fields */{% endfor %}
 +}
    +
    + + {% if class.class_fields %} +
    +
    Class members
    + + + {% for field in class.class_fields %} + + + + + + + + + {% endfor %} +
    {{ field.name }}
    {{ field.type_cname }}
     {{ field.description }}
    +
    + {% endif %} +
    + {% endif %} + + {% if class.virtual_methods %} +
    +

    + Virtual methods + +

    + +
    + {% for method in class.virtual_methods %} +
    +
    {{ namespace.name }}.{{ class.class_name }}.{{ method.name }}
    + +
    + {{ method.summary }} +
    + + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if class.class_methods %} +
    +

    + Class methods + +

    + +
    + {% for method in class.class_methods %} +
    +
    {{ method.identifier }}
    + +
    + {{ method.summary }} +
    + + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/class_method.html index a628eca829,0000000000..1573d7ea3c mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/class_method.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/class_method.html @@@ -1,183 -1,0 +1,186 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ class.class_name }}.{{ class_method.name }}{% endblock %} + +{% block meta_other %} + + +{% endblock %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ class.name }} +
    +
    +
    +
    Class methods
    +
    + {% for m in class.class_methods %} + {{ m.name }} + {% endfor %} +
    +
    +{% endblock %} + +{% block content %} +
    +
    +

    Class method

    +

    {{ namespace.name }}{{ class.class_name }}{{ class_method.name }}

    +
    + +
    +
    +

    + Declaration + + {% if CONFIG.source_location_url and class_method.source_location %} + [src] + {% endif %} +

    + +
    + 
    {{ class_method.c_decl }}
    +
    +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and class_method.docs_location %} + [src] + {% endif %} +

    + +
    + {{ class_method.description }} +
    + +
    + + {% if class_method.stability %} + + {% endif %} + {% if class_method.available_since %} + + {% endif %} + {% if class_method.deprecated_since %} + + + {% endif %} ++ {% if not class_method.introspectable %} ++ ++ {% endif %} +
    Stability:{{ class_method.stability }}
    Available since:{{ class_method.available_since }}
    Deprecated since:{{ class_method.deprecated_since.version }}
    {{ class_method.deprecated_since.message }}
    This class method is not directly available to language bindings
    +
    + + {% if class_method.attributes %} +
    + + {% for (key, value) in class_method.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    + + {% if class_method.arguments|length != 0 %} +
    +

    + Parameters + +

    + +
    + + {% for arg in class_method.arguments %} + + + + + + + + + {% if arg.direction != "in" %}{% endif %} + {% if arg.direction == "in" and arg.nullable %}{% endif %} + {% if arg.direction in ["inout", "out"] and arg.nullable %}{% endif %} + {% if arg.optional %}{% endif %} + {% if arg.is_array and arg.zero_terminated %}{% endif %} + {% if arg.is_array and arg.fixed_size > 0 %}{% endif %} + {% if arg.is_array and arg.len_arg %}{% endif %} + {% if arg.is_pointer %}{% endif %} + {% if arg.string_note %}{% endif %} + {% endfor %} + {% if class_method.throws %} + + + + + + + + + {% endif %} +
    {{ arg.name }} + {%- if arg.is_array -%}An array of {%- endif -%} + {%- if arg.is_list -%}A list of {%- endif -%} + {%- if arg.link -%} + {{ arg.link|safe }} + {%- else -%} + {{ arg.type_cname }} + {%- endif -%} +
     {{ arg.description|safe }}
     {{ arg.direction_note }}
     The argument can be NULL.
     The argument can be set to NULL.
     The argument can be NULL.
     The array must be NULL-terminated.
     The array must have {{ arg.fixed_size }} elements.
     The length of the array is specified in the {{ arg.len_arg }} argument.
     {{ arg.transfer_note }}
     {{ arg.string_note }}
    errorGError **
     The return location for a GError*, or NULL.
    +
    +
    + {% endif %} + + {% if class_method.return_value %} +
    +

    + Return value + +

    + +
    + + + + + + + + + + {% if class_method.return_value.is_array and class_method.return_value.zero_terminated %}{% endif %} + {% if class_method.return_value.is_array and class_method.return_value.fixed_size > 0 %}{% endif %} + {% if class_method.return_value.is_array and class_method.return_value.len_arg %}{% endif %} + {% if class_method.return_value.is_pointer %}{% endif %} + {% if class_method.return_value.is_pointer and class_method.return_value.nullable %}{% endif %} + {% if class_method.return_value.string_note %}{% endif %} +
    Returns: + {%- if class_method.return_value.is_array -%}An array of {%- endif -%} + {%- if class_method.return_value.is_list -%}A list of {%- endif -%} + {%- if class_method.return_value.is_list_model -%}A list model of {%- endif -%} + {%- if class_method.return_value.link -%} + {{ class_method.return_value.link|safe }} + {%- else -%} + {{ class_method.return_value.type_cname }} + {%- endif -%} +
     {{ class_method.return_value.description|safe }}
     The array is NULL-terminated.
     The array has {{ class_method.return_value.fixed_size }} elements.
     The length of the array is in the {{ class_method.return_value.len_arg }} argument.
     {{ class_method.return_value.transfer_note }}
     The return value can be NULL.
     {{ class_method.return_value.string_note }}
    +
    +
    + {% endif %} +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/content.html index c6d51aaa84,0000000000..70d4979693 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/content.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/content.html @@@ -1,26 -1,0 +1,54 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }} – {{ namespace.version }}: {{ content.title }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% block content %} +
    +
    +
    + {{ content.data }} +
    +
    +
    +{% endblock %} ++ ++{% if content.toc|length > 0 %} ++{% block navbar %} ++
    ++ ++
    ++{% endblock %} ++{% endif %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/ctor.html index 038ee40ecb,0000000000..d4d380c3e1 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/ctor.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/ctor.html @@@ -1,184 -1,0 +1,187 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ class.name }}.{{ type_func.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ class.name }} +
    +
    +
    +
    Constructors
    +
    + {% for m in class.ctors %} + {{ m.name }} + {% endfor %} +
    +
    +{% endblock %} + +{% block content %} +
    +
    +

    Constructor

    +

    {{ namespace.name }}{{ class.name }}{{ type_func.name }}

    +
    + +
    +
    +

    + Declaration + + {% if CONFIG.source_location_url and type_func.source_location %} + [src] + {% endif %} +

    + +
    + 
    {{ type_func.c_decl }}
    +
    +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and type_func.docs_location %} + [src] + {% endif %} +

    + +
    + {{ type_func.description }} +
    + +
    + + {% if type_func.stability %} + + {% endif %} + {% if type_func.available_since %} + + {% endif %} + {% if type_func.deprecated_since %} + + + {% endif %} ++ {% if not type_func.introspectable %} ++ ++ {% endif %} +
    Stability:{{ type_func.stability }}
    Available since:{{ type_func.available_since }}
    Deprecated since:{{ type_func.deprecated_since.version }}
    {{ type_func.deprecated_since.message }}
    This constructor is not directly available to language bindings
    +
    + + {% if type_func.attributes %} +
    + + {% for (key, value) in type_func.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    + + {% if type_func.arguments|length != 0 %} +
    +

    + Parameters + +

    + +
    + + {% for arg in type_func.arguments %} + + + + + + + + + {% if arg.direction != "in" %}{% endif %} + {% if arg.direction == "in" and arg.nullable %}{% endif %} + {% if arg.direction in ["inout", "out"] and arg.nullable %}{% endif %} + {% if arg.optional %}{% endif %} + {% if arg.is_array and arg.zero_terminated %}{% endif %} + {% if arg.is_array and arg.fixed_size > 0 %}{% endif %} + {% if arg.is_array and arg.len_arg %}{% endif %} + {% if arg.is_pointer %}{% endif %} + {% if arg.string_note %}{% endif %} + {% endfor %} + {% if type_func.throws %} + + + + + + + + + {% endif %} +
    {{ arg.name }} + {%- if arg.is_array -%}An array of {%- endif -%} + {%- if arg.is_list -%}A list of {%- endif -%} + {%- if arg.link -%} + {{ arg.link|safe }} + {%- else -%} + {{ arg.type_cname }} + {%- endif -%} +
     {{ arg.description|safe }}
     {{ arg.direction_note }}
     The argument can be NULL.
     The argument can be set to NULL.
     The argument can be NULL.
     The array must be NULL-terminated.
     The array must have {{ arg.fixed_size }} elements.
     The length of the array is specified in the {{ arg.len_arg }} argument.
     {{ arg.transfer_note }}
     {{ arg.string_note }}
    errorGError **
     The return location for a GError*, or NULL.
    +
    +
    + {% endif %} + + {% if type_func.return_value %} +
    +

    + Return value + +

    + +
    + + + + + + + + + + {% if type_func.return_value.is_array and type_func.return_value.zero_terminated %}{% endif %} + {% if type_func.return_value.is_array and type_func.return_value.fixed_size > 0 %}{% endif %} + {% if type_func.return_value.is_array and type_func.return_value.len_arg %}{% endif %} + {% if type_func.return_value.is_pointer %}{% endif %} + {% if type_func.return_value.is_pointer and type_func.return_value.nullable %}{% endif %} + {% if type_func.return_value.string_note %}{% endif %} +
    Returns: + {%- if type_func.return_value.is_array -%}An array of {%- endif -%} + {%- if type_func.return_value.is_list -%}A list of {%- endif -%} + {%- if type_func.return_value.link -%} + {{ type_func.return_value.link|safe }} + {%- else -%} + {{ type_func.return_value.type_cname }} + {%- endif -%} +
     {{ type_func.return_value.description|safe }}
     The array is NULL-terminated.
     The array has {{ type_func.return_value.fixed_size }} elements.
     The length of the array is in the {{ type_func.return_value.len_arg }} argument.
     {{ type_func.return_value.transfer_note }}
     The return value can be NULL.
     {{ type_func.return_value.string_note }}
    +
    +
    + {% endif %} +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/enum.html index b92b6f14c9,0000000000..6ba5345ffd mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/enum.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/enum.html @@@ -1,189 -1,0 +1,191 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ enum.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% macro sidebar_block(elements, enum_name, section_title, section_class, section_fragment) -%} +{% if elements|length > 0 %} +
    +
    {{ section_title }}
    +
    + {% for m in elements %} + {{ m.name }} + {% endfor %} +
    +
    +{% endif %} +{% endmacro %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ enum.name }} +
    +
    + +{{ sidebar_block(enum.type_funcs, enum.name, "Type functions", "func", "type_func") }} +{% endblock %} + - {% macro navbar_block(elements, section_title, section_link) -%} - {% if elements|length > 0 %} ++{% macro navbar_block(attribute, section_title, section_link) -%} ++{% if attribute %} +
  • {{ section_title }}
    • +{% endif %} +{% endmacro %} + +{% block navbar %} +
    + +
    +{% endblock %} + +{% block content %} +
    +
    +

    Enumeration

    +

    {{ namespace.name }}{{ enum.name }}

    +
    + +
    +
    +

    + Declaration + + {% if CONFIG.source_location_url and enum.source_location %} + [src] + {% endif %} +

    + +
    + 
    {{ enum.c_decl }}
    +
    +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and enum.docs_location %} + [src] + {% endif %} +

    + +
    + {{ enum.description }} +
    + +
    + + {% if enum.stability %} + + {% endif %} + {% if enum.available_since %} + + {% endif %} + {% if enum.deprecated_since %} + + + {% endif %} +
    Stability:{{ enum.stability }}
    Available since:{{ enum.available_since }}
    Deprecated since:{{ enum.deprecated_since.version }}
    {{ enum.deprecated_since.message }}
    +
    + + {% if enum.attributes %} +
    + + {% for (key, value) in enum.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    + +
    +

    + Members + +

    + +
    + + + + + + {% for member in enum.members %} + - ++ + + + {% endfor %} +
    NameDescription
    {{ member.name }}{{ member.name }}{{ member.description }}
    +
    +
    + + {% if enum.error_domain %} +
    +

    + Error domain + +

    + +
    + 
    "{{ enum.domain }}"
    +
    +
    + {% endif %} + + {% if enum.type_funcs %} +
    +

    + Type functions + +

    + +
    + {% for func in enum.type_funcs %} +
    +
    {{ func.identifier }}
    + +
    + {{ func.summary }} +
    + + {% if func.available_since or func.deprecated_since -%} +
    + {%- if func.available_since -%} +

    Available since: {{ func.available_since }}

    + {%- endif -%} + {%- if func.deprecated_since -%} +

    Deprecated since: {{ func.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + {% endif %} + +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/function.html index 0d41008990,0000000000..22aef7560f mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/function.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/function.html @@@ -1,190 -1,0 +1,199 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ func.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% block sidebar %} +{% if func.is_macro %} +
    +
    Function Macros
    +
    + {% for f in namespace.function_macros %} + {{ f.name }} + {% endfor %} +
    +
    +{% else %} +
    +
    Functions
    +
    + {% for f in namespace.functions %} + {{ f.name }} + {% endfor %} +
    +
    +{% endif %} +{% endblock %} + +{% block content %} +
    +
    +

    Function {% if func.is_macro %}Macro{% endif %}

    +

    {{ namespace.name }}{{ func.name }}

    +
    + +
    +
    +

    + Declaration + + {% if CONFIG.source_location_url and func.source_location %} + [src] + {% endif %} +

    + +
    + 
    {{ func.c_decl }}
    +
    +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and func.docs_location %} + [src] + {% endif %} +

    + +
    + {{ func.description }} +
    + +
    + + {% if func.stability %} + + {% endif %} + {% if func.available_since %} + + {% endif %} + {% if func.deprecated_since %} + + + {% endif %} ++ {% if not func.introspectable %} ++ ++ {% endif %} ++ {% if func.shadows %} ++ ++ {% endif %} ++ {% if func.shadowed_by %} ++ ++ {% endif %} +
    Stability:{{ func.stability }}
    Available since:{{ func.available_since }}
    Deprecated since:{{ func.deprecated_since.version }}
    {{ func.deprecated_since.message }}
    This function is not directly available to language bindings
    This function is renamed to {{func.shadows_symbol}}() in language bindings
    The implementation of this function is provided by {{func.shadowed_by_symbol}}() in language bindings
    +
    + + {% if func.attributes %} +
    + + {% for (key, value) in func.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    + + {% if func.arguments|length != 0 %} +
    +

    + Parameters + +

    + +
    + + {% for arg in func.arguments %} + + + + + + + + + {% if arg.direction != "in" %}{% endif %} + {% if arg.direction == "in" and arg.nullable %}{% endif %} + {% if arg.direction in ["inout", "out"] and arg.nullable %}{% endif %} + {% if arg.optional %}{% endif %} + {% if arg.is_array and arg.zero_terminated %}{% endif %} + {% if arg.is_array and arg.fixed_size > 0 %}{% endif %} + {% if arg.is_array and arg.len_arg %}{% endif %} + {% if arg.is_pointer %}{% endif %} + {% if arg.string_note %}{% endif %} + {% endfor %} + {% if func.throws %} + + + + + + + + + {% endif %} +
    {{ arg.name }} + {%- if arg.is_array -%}An array of {%- endif -%} + {%- if arg.is_list -%}A list of {%- endif -%} + {%- if arg.link -%} + {{ arg.link|safe }} + {%- else -%} + {{ arg.type_cname }} + {%- endif -%} +
     {{ arg.description|safe }}
     {{ arg.direction_note }}
     The argument can be NULL.
     The argument can be set to NULL.
     The argument can be NULL.
     The array must be NULL-terminated.
     The array must have {{ arg.fixed_size }} elements.
     The length of the array is specified in the {{ arg.len_arg }} argument.
     {{ arg.transfer_note }}
     {{ arg.string_note }}
    errorGError **
     The return location for a GError*, or NULL.
    +
    +
    + {% endif %} + + {% if func.return_value %} +
    +

    + Return value + +

    + +
    + + + + + + + + + + {% if func.return_value.is_array and func.return_value.zero_terminated %}{% endif %} + {% if func.return_value.is_array and func.return_value.fixed_size > 0 %}{% endif %} + {% if func.return_value.is_array and func.return_value.len_arg %}{% endif %} + {% if func.return_value.is_pointer %}{% endif %} + {% if func.return_value.is_pointer and func.return_value.nullable %}{% endif %} + {% if func.return_value.string_note %}{% endif %} +
    Returns: + {%- if func.return_value.is_array -%}An array of {%- endif -%} + {%- if func.return_value.is_list -%}A list of {%- endif -%} + {%- if func.return_value.is_list_model -%}A list model of {%- endif -%} + {%- if func.return_value.link -%} + {{ func.return_value.link|safe }} + {%- else -%} + {{ func.return_value.type_cname }} + {%- endif -%} +
     {{ func.return_value.description|safe }}
     The array is NULL-terminated.
     The array has {{ func.return_value.fixed_size }} elements.
     The length of the array is in the {{ func.return_value.len_arg }} argument.
     {{ func.return_value.transfer_note }}
     The return value can be NULL.
     {{ func.return_value.string_note }}
    +
    +
    + {% endif %} +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/interface.html index ea6f994393,0000000000..4f64e513d8 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/interface.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/interface.html @@@ -1,368 -1,0 +1,381 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ interface.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% macro sidebar_block(elements, iface_name, section_title, section_class, section_fragment) -%} +{% if elements|length > 0 %} +
    +
    {{ section_title }}
    +
    + {% for m in elements %} + {{ m.name }} + {% endfor %} +
    +
    +{% endif %} +{% endmacro %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ interface.name }} +
    +
    + +{{ sidebar_block(interface.type_funcs, interface.name, "Functions", "func", "type_func") }} +{{ sidebar_block(interface.methods, interface.name, "Instance methods", "method", "method") }} +{{ sidebar_block(interface.properties, interface.name, "Properties", "property", "property") }} +{{ sidebar_block(interface.signals, interface.name, "Signals", "signal", "signal") }} +{{ sidebar_block(interface.class_methods, interface.name, "Interface methods", "method", "class_method") }} +{{ sidebar_block(interface.virtual_methods, interface.name, "Virtual methods", "method", "vfunc") }} +{% endblock %} + +{% macro navbar_block(elements, section_title, section_link) -%} +{% if elements|length > 0 %} +
  • {{ section_title }}
    • +{% endif %} +{% endmacro %} + +{% block navbar %} +
    + +
    +{% endblock %} + +{% block content %} +
    +
    +

    Interface

    +

    {{ namespace.name }}{{ interface.name }}

    +
    + +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and interface.docs_location %} + [src] + {% endif %} +

    + + 
    {{ interface.c_decl }}
    + +
    + {{ interface.description }} +
    + +
    + + {% if interface.stability %} + + {% endif %} + {% if interface.available_since %} + + {% endif %} + {% if interface.deprecated_since %} + + + {% endif %} +
    Stability:{{ interface.stability }}
    Available since:{{ interface.available_since }}
    Deprecated since:{{ interface.deprecated_since.version }}
    {{ interface.deprecated_since.message }}
    +
    + + {% if interface.attributes %} +
    + + {% for (key, value) in interface.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    +     + +
    +

    + Prerequisite + +

    + +
    +

    In order to implement {{ interface.name }}, your type must inherit from + {% if interface.requires_namespace == namespace.name -%} + + {%- else -%} + + {%- endif -%} + {{ interface.requires_ctype }}.

    +
    +
    + + {% if interface.implementations %} +
    +

    Implementations

    +
    +
      + {%- for impl in interface.implementations %} +
    • {{ impl.ctype }}
      • + {% endfor -%} +
    +
    +
    + {% endif %} + + {% if interface.type_funcs %} +
    +

    + Functions + +

    + +
    + {% for func in interface.type_funcs %} +
    +
    {{ func.identifier }}
    + +
    + {{ func.summary }} +
    + + {% if func.deprecated_since %} +

    Deprecated since: {{ func.deprecated_since.version }}

    + {% endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if interface.methods %} +
    +

    + Instance methods + +

    + +
    + {% for method in interface.methods %} +
    +
    {{ method.identifier }}
    + +
    + {{ method.summary }} +
    + + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + +
    + {% endif %} + + {% if interface.properties %} +
    +

    + Properties + +

    + +
    + {% for property in interface.properties %} +
    +
    {{ interface.fqtn }}:{{ property.name }}
    + +
    + {{ property.summary }} +
    + + {% if property.available_since or property.deprecated_since -%} +
    + {%- if property.available_since -%} +

    Available since: {{ property.available_since }}

    + {%- endif -%} + {%- if property.deprecated_since -%} +

    Deprecated since: {{ property.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + +
    + {% endif %} + + {% if interface.signals %} +
    +

    + Signals + +

    + +
    + {% for signal in interface.signals %} +
    +
    {{ interface.fqtn }}::{{ signal.name }}
    + +
    + {{ signal.summary }} +
    + + {% if signal.available_since or signal.deprecated_since -%} +
    + {%- if signal.available_since -%} +

    Available since: {{ signal.available_since }}

    + {%- endif -%} + {%- if signal.deprecated_since -%} +

    Deprecated since: {{ signal.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if interface.class_name %} +
    +

    + Interface structure + + {% if CONFIG.source_location_url and interface.source_location %} + [src] + {% endif %} +

    + +
    + 
    struct {{ namespace.name}}{{ interface.class_name }} {
 +  {% for field in interface.class_fields %}
 +  {%- if field.is_callback -%}
 +  {{ field.type_cname }};
 +  {%- else -%}
 +  {{ field.type_cname }} {{ field.name }};
 +  {%- endif %}
 +  {% else %}/* no available fields */{% endfor %}
 +}
    +
    + + {% if interface.class_fields %} +
    +
    Interface members
    + + + {% for field in interface.class_fields %} + + + + + + + + {% endfor %} +
    {{ field.name }}
    {{ field.type_cname }}
     {{ field.description }}
    +
    + {% endif %} +
    + {% endif %} + + {% if interface.class_methods %} +
    +

    + Interface methods + +

    + +
    + {% for method in interface.class_methods %} +
    +
    {{ method.identifier }}
    + +
    + {{ method.summary }} +
    + + {% if method.deprecated_since %} +

    Deprecated since: {{ method.deprecated_since.version }}

    + {% endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if interface.virtual_methods %} +
    +

    + Virtual methods + +

    + +
    + {% for method in interface.virtual_methods %} +
    +
    {{ namespace.name }}.{{ interface.name }}.{{ method.name }}
    + +
    + {{ method.summary }} +
    + + {% if method.deprecated_since %} +

    Deprecated since: {{ method.deprecated_since.version }}

    + {% endif %} +
    + {% endfor %} +
    +
    + {% endif %} + +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/method.html index b993f5ef3c,0000000000..401ffa4fd2 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/method.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/method.html @@@ -1,186 -1,0 +1,195 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ class.name }}.{{ method.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ class.name }} +
    +
    +
    +
    Methods
    +
    + {% for m in class.methods %} + {{ m.name }} + {% endfor %} +
    +
    +{% endblock %} + +{% block content %} +
    +
    +

    Method

    +

    {{ namespace.name }}{{ class.name }}{{ method.name }}

    +
    + +
    +
    +

    + Declaration + + {% if CONFIG.source_location_url and method.source_location %} + [src] + {% endif %} +

    + +
    + 
    {{ method.c_decl|safe }}
    +
    +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and method.docs_location %} + [src] + {% endif %} +

    + +
    + {{ method.description|safe }} +
    + +
    + + {% if method.stability %} + + {% endif %} + {% if method.available_since %} + + {% endif %} + {% if method.deprecated_since %} + + + {% endif %} ++ {% if not method.introspectable %} ++ ++ {% endif %} ++ {% if method.shadows %} ++ ++ {% endif %} ++ {% if method.shadowed_by %} ++ ++ {% endif %} +
    Stability:{{ method.stability }}
    Available since:{{ method.available_since }}
    Deprecated since:{{ method.deprecated_since.version }}
    {{ method.deprecated_since.message|safe }}
    This method is not directly available to language bindings.
    This method is renamed to {{method.shadows_symbol}}() in language bindings
    The implementation of this method is provided by {{method.shadowed_by_symbol}}() in language bindings
    +
    + + {% if method.attributes %} +
    + + {% for (key, value) in method.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    + + {% if method.arguments|length != 0 %} +
    +

    + Parameters + +

    + +
    + + {% for arg in method.arguments %} + + + + + + + + + {% if arg.direction != "in" %}{% endif %} + {% if arg.direction == "in" and arg.nullable %}{% endif %} + {% if arg.direction in ["inout", "out"] and arg.nullable %}{% endif %} + {% if arg.optional %}{% endif %} + {% if arg.is_array and arg.zero_terminated %}{% endif %} + {% if arg.is_array and arg.fixed_size > 0 %}{% endif %} + {% if arg.is_array and arg.len_arg %}{% endif %} + {% if arg.is_pointer %}{% endif %} + {% if arg.string_note %}{% endif %} + {% endfor %} + {% if method.throws %} + + + + + + + + + {% endif %} +
    {{ arg.name }} + {%- if arg.is_array -%}An array of {%- endif -%} + {%- if arg.is_list -%}A list of {%- endif -%} + {%- if arg.link -%} + {{ arg.link|safe }} + {%- else -%} + {{ arg.type_cname }} + {%- endif -%} +
     {{ arg.description|safe }}
     {{ arg.direction_note }}
     The argument can be NULL.
     The argument can be set to NULL.
     The argument can be NULL.
     The array must be NULL-terminated.
     The array must have {{ arg.fixed_size }} elements.
     The length of the array is specified in the {{ arg.len_arg }} argument.
     {{ arg.transfer_note }}
     {{ arg.string_note }}
    errorGError **
     The return location for a GError*, or NULL.
    +
    +
    + {% endif %} + + {% if method.return_value %} +
    +

    + Return value + +

    + +
    + + + + + + + + + + {% if method.return_value.is_array and method.return_value.zero_terminated %}{% endif %} + {% if method.return_value.is_array and method.return_value.fixed_size > 0 %}{% endif %} + {% if method.return_value.is_array and method.return_value.len_arg %}{% endif %} + {% if method.return_value.is_pointer %}{% endif %} + {% if method.return_value.is_pointer and method.return_value.nullable %}{% endif %} + {% if method.return_value.string_note %}{% endif %} +
    Returns: + {%- if method.return_value.is_array -%}An array of {%- endif -%} + {%- if method.return_value.is_list -%}A list of {%- endif -%} + {%- if method.return_value.is_list_model -%}A list model of {%- endif -%} + {%- if method.return_value.link -%} + {{ method.return_value.link|safe }} + {%- else -%} + {{ method.return_value.type_cname }} + {%- endif -%} +
     {{ method.return_value.description|safe }}
     The array is NULL-terminated.
     The array has {{ method.return_value.fixed_size }} elements.
     The length of the array is in the {{ method.return_value.len_arg }} argument.
     {{ method.return_value.transfer_note }}
     The return value can be NULL.
     {{ method.return_value.string_note }}
    +
    +
    + {% endif %} + +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/struct.html index 0b0f27a202,0000000000..fb45616dac mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/struct.html +++ b/subprojects/gi-docgen/gidocgen/templates/basic/struct.html @@@ -1,236 -1,0 +1,249 @@@ + + +{% extends "base.html" %} + +{% block title %}{{ namespace.name }}.{{ struct.name }}{% endblock %} + +{% block meta_other %} + + + + +{% endblock %} + +{% macro sidebar_block(elements, struct_name, section_title, section_class, section_fragment) -%} +{% if elements|length > 0 %} +
    +
    {{ section_title }}
    +
    + {% for m in elements %} + {{ m.name }} + {% endfor %} +
    +
    +{% endif %} +{% endmacro %} + +{% block sidebar %} +
    +
    Type
    +
    + {{ struct.name }} +
    +
    + +{{ sidebar_block(struct.ctors, struct.name, "Constructors", "ctor", "ctor") }} +{{ sidebar_block(struct.type_funcs, struct.name, "Functions", "func", "type_func") }} +{{ sidebar_block(struct.methods, struct.name, "Instance methods", "method", "method") }} +{% endblock %} + +{% macro navbar_block(elements, section_title, section_link) -%} +{% if elements|length > 0 %} +
  • {{ section_title }}
    • +{% endif %} +{% endmacro %} + +{% block navbar %} +
    + +
    +{% endblock %} + +{% block content %} +
    +
    +

    Struct

    +

    {{ namespace.name }}{{ struct.name }}

    +
    + +
    + +
    +

    + Description + + {% if CONFIG.source_location_url and struct.docs_location %} + [src] + {% endif %} +

    + + 
    {{ struct.c_decl }}
    + +
    + {{ struct.description }} +
    + + {% if struct.fields %} +
    +
    + Structure members + {% if CONFIG.source_location_url and struct.source_location %} + [src] + {% endif %} +
    + +
    + + {% for field in struct.fields %} + + + + + {% endfor %} +
    {{ field.name }}{{ field.description }}
    +
    +
    + {% endif %} + +
    + + {% if struct.stability %} + + {% endif %} + {% if struct.available_since %} + + {% endif %} + {% if struct.deprecated_since %} + + + {% endif %} +
    Stability:{{ struct.stability }}
    Available since:{{ struct.available_since }}
    Deprecated since:{{ struct.deprecated_since.version }}
    {{ struct.deprecated_since.message }}
    +
    + + {% if struct.attributes %} +
    + + {% for (key, value) in struct.attributes.items() %} + + {% endfor %} +
    {{ key|escape }}{{ value|escape }}
    +
    + {% endif %} +
    +     + + {% if struct.ctors %} +
    +

    + Constructors + +

    + +
    + {% for ctor in struct.ctors %} +
    +
    {{ ctor.identifier }}
    + +
    + {{ ctor.summary }} +
    + + {% if ctor.available_since or ctor.deprecated_since -%} +
    + {%- if ctor.available_since -%} +

    Available since: {{ ctor.available_since }}

    + {%- endif -%} + {%- if ctor.deprecated_since -%} +

    Deprecated since: {{ ctor.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if struct.type_funcs %} +
    +

    + Functions + +

    + +
    + {% for func in struct.type_funcs %} +
    +
    {{ func.identifier }}
    + +
    + {{ func.summary }} +
    + + {% if func.available_since or func.deprecated_since -%} +
    + {%- if func.available_since -%} +

    Available since: {{ func.available_since }}

    + {%- endif -%} + {%- if func.deprecated_since -%} +

    Deprecated since: {{ func.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    +
    + {% endif %} + + {% if struct.methods %} +
    +

    + Instance methods + +

    + +
    + {% for method in struct.methods %} +
    +
    {{ method.identifier }}
    + +
    + {{ method.summary }} +
    + + {% if method.available_since or method.deprecated_since -%} +
    + {%- if method.available_since -%} +

    Available since: {{ method.available_since }}

    + {%- endif -%} + {%- if method.deprecated_since -%} +

    Deprecated since: {{ method.deprecated_since }}

    + {%- endif -%} +
    + {%- endif %} +
    + {% endfor %} +
    + +
    + {% endif %} + +
    +
    +{% endblock %} diff --cc subprojects/gi-docgen/gidocgen/templates/basic/style.css index 4a920973f2,0000000000..188c9a7f97 mode 100644,000000..100644 --- a/subprojects/gi-docgen/gidocgen/templates/basic/style.css +++ b/subprojects/gi-docgen/gidocgen/templates/basic/style.css @@@ -1,901 -1,0 +1,907 @@@ +/* + * SPDX-FileCopyrightText: 2021 GNOME Foundation + * + * SPDX-License-Identifier: Apache-2.0 OR GPL-3.0-or-later + */ + +@import url("solarized-light.css") (prefers-color-scheme: light); +@import url("solarized-dark.css") (prefers-color-scheme: dark); + +@import url("fonts.css"); + +/********************************* + * LIGHT THEME + *********************************/ +:root { + + /* colors */ + --text-color: rgb(51, 51, 51); + --text-color-muted: rgba(51, 51, 51, 0.65); + --primary: rgb(28, 118, 228); + --body-bg: #fff; + --sidebar-primary: rgb(144, 194, 255); + --sidebar-bg: #151515; + --sidebar-selected-bg: var(--primary); + --sidebar-hover-bg: rgba(127, 127, 127, 0.2); + --sidebar-text-color: #fafafa; + --sidebar-padding: 1.5em; + + /* boxes, e.g. code blocks */ + --box-bg: rgba(135, 135, 135, 0.085); + --box-radius: 0.35rem; + --box-padding: 0.75rem; + --box-margin: 0.75rem 0; + --box-text-color: #111; + + /* typography */ + --body-font-family: "Red Hat Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + --body-font-scale: 0.95; + --body-font-size: calc(var(--body-font-scale) * clamp(16px, 1vw, 18px)); + --body-font-weight: normal; + + --monospace-font-family: "Source Code Pro", monospace; + --monospace-font-size: calc(0.86 * var(--body-font-size)); /* Monospace fonts are very different in terms of font-sizes. Adjust this value to scale it */ + + --heading-font-family: "Red Hat Display", var(--body-font-family); + --heading-weight: 900; + --heading-font-scale: 1.05; + + --heading-small-font-family: var(--heading-font-family); + --heading-small-weight: 600; + --heading-small-font-scale: 1; + + --heading-table-font-family: var(--heading-font-family); + --heading-table-weight: 600; + + --heading-docblock-color: #6d6d6d; /* docblocks have headings from source comments. we want them to differ.*/ + --heading-docblock-scale: 0.9; /* docblocks have headings from source comments. we want them to differ.*/ + + --symbol-font-family: var(--heading-font-family); + --symbol-font-weight: 500; + --symbol-font-scale: 1; + + --table-font-size: 0.92em; /* Tables often contain lots information. It's better to scale them down a big to get more sutff fitted inside */ + + /* misc */ - --prefered-content-width: 90ch; /* The preferred width for the readable content */ ++ --preferred-content-width: 90ch; /* The preferred width for the readable content */ + --anchor-sign: "#"; + +} + +/********************************* + * DARK THEME (overrides) + *********************************/ + @media (prefers-color-scheme: dark) { + :root { + --primary: rgb(144, 194, 255); + --text-color: #f6f6f6; + --text-color-muted: #686868; + --body-bg: #121212; + --sidebar-primary: rgb(144, 194, 255); + --sidebar-bg: #1e1e1e; + --sidebar-selected-bg: rgb(17, 112, 228); + --sidebar-text-color: #fafafa; + --box-bg: rgba(135, 135, 135, 0.1); + --box-text-color: #fff; + --heading-docblock-color: #b7b7b7; + } +} + +/********************************* + * GENERAL STYLING + *********************************/ +*, +*:before, +*:after { + box-sizing: border-box; +} + +::-moz-selection { + color: white; + background: var(--primary); +} + +::selection { + color: white; + background: var(--primary); +} + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background: rgba(128, 128, 128, 0.6); +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(128, 128, 128, 1); +} + +::-webkit-scrollbar-track { + background: rgba(128, 128, 128, 0.15); +} + +* { + scrollbar-width: initial; +} + +body { + font: 16px/1.5 var(--body-font-family); + font-weight: var(--body-font-weight); + font-size: var(--body-font-size); + margin: 0; + padding: 0; + position: relative; + + -webkit-font-feature-settings: "kern", "liga"; + -moz-font-feature-settings: "kern", "liga"; + font-feature-settings: "kern", "liga"; + color: var(--text-color); + background: var(--body-bg); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font-family); + font-weight: var(--heading-weight); + margin: 1.75em 0 0.75em 0; + display: flex; + align-items: center; +} + +h1 { + font-size: calc(1.75em * var(--heading-font-scale)); +} + + +header h1 { + margin-top: 0; +} + +h2 { + font-size: calc(1.4em * var(--heading-font-scale)); +} + +h3 { + font-size: calc(1.2em * var(--heading-font-scale)); +} + +header h3 { + color: var(--text-color-muted); + margin-bottom: 0; +} + +h4, h5 { + font-size: calc(1em * var(--heading-font-scale)); +} + +h6 { + font-size: calc(1em * var(--heading-small-font-scale)); + font-family: var(--heading-small-font-family); + font-weight: var(--heading-small-weight); +} + +ol, ul { + padding-left: 1rem; +} + +ul ul, ol ul, ul ol, ol ol { + margin-bottom: .6em; +} + +p { + margin: 0 0 .6em 0; +} + +a { + color: var(--primary); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +summary { + outline: none; +} + +blockquote { + border-left: 3px solid var(--primary); + background: var(--box-bg); + padding: var(--box-padding); + border-radius: var(--box-radius); + margin: var(--box--margin); +} + +span.sep::after { + content: "▸"; +} + +span.sep { + font-size: calc(0.5em * var(--monospace-font-size)); + opacity: 0.55; + padding-left: .25em; + padding-right: .25em; +} + +code, +pre { + font-family: var(--monospace-font-family); + font-size: var(--monospace-font-size); + color: var(--box-text-color); +} + +pre { + background: var(--box-bg); + padding: var(--box-padding); + border-radius: var(--box-radius); + overflow: auto; +} + +code { + background: var(--box-bg); + padding: 0 0.35em; + border-radius: 0.35rem; + word-break: break-word; +} + +a > code { + color: var(--primary); +} + + +pre pre, +pre code { + padding: 0; + margin: 0; + font-size: 1em; + background: none; + color: inherit; +} + +h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { + font-family: inherit; + font-weight: inherit; + font-size: 0.85em; +} + +strong, b { + font-weight: 600; +} + +/* fix alignment of images on small screen */ +img, svg { + display: block; + max-width: 100%; + height: auto; +} + +svg .node polygon, svg .node path { + transition: fill 150ms ease; + fill: var(--box-bg); + stroke: none; +} + +svg .node a { + text-decoration: none !important; +} + +svg .node a text { + fill: var(--text-color); + font-family: var(--body-font-family); +} + +svg .node.link text { + fill: var(--primary); +} + +svg .node.link:hover polygon, svg .node.link:hover path { + fill: var(--sidebar-hover-bg); +} +svg .node.link:hover text { + fill: var(--box-text-color); +} +svg .edge path { + stroke: var(--text-color); +} + +/* fix unwanted margins in tables, code, lists and blockquotes */ +li > *:first-child, +li > *:first-child > *:first-child, +li > *:first-child > *:first-child > *:first-child, +td > *:first-child, +td > *:first-child > *:first-child, +td > *:first-child > *:first-child > *:first-child, +pre > *:first-child, +pre > *:first-child > *:first-child, +pre > *:first-child > *:first-child > *:first-child, +blockquote > *:first-child, +blockquote > *:first-child > *:first-child, +blockquote > *:first-child > *:first-child > *:first-child { + margin-top: 0; +} +li > *:last-child, +li > *:last-child > *:last-child, +li > *:last-child > *:last-child > *:last-child, +td > *:last-child, +td > *:last-child > *:last-child, +td > *:last-child > *:last-child > *:last-child, +pre > *:last-child, +pre > *:last-child > *:last-child, +pre > *:last-child > *:last-child > *:last-child, +blockquote > *:last-child, +blockquote > *:last-child > *:last-child, +blockquote > *:last-child > *:last-child > *:last-child { + margin-bottom: 0; +} + +/********************************* + * PAGE STRUCTURE + *********************************/ +#body-wrapper { + display: flex; + flex-wrap: nowrap; + flex-direction: row; +} + +#body-wrapper:focus { + outline: none; +} + +#main { + position: relative; + flex-grow: 1; + min-width: 0; + box-shadow: 0 0 134px rgba(0, 0, 0, 0.1); +} + +footer { + width: 100%; + display: none; +} + +/********************************* + * Button + *********************************/ + +#btn-to-top { + position: fixed; + bottom: 12px; + right: 32px; + z-index: 1000; + border-radius: 50%; + width: 42px; + height: 42px; + border: 1px solid var(--primary); + background: var(--box-bg); + color: var(--text-color); + cursor: pointer; + text-transform: none; +} + +#btn-to-top > .up-arrow { + margin-left: -2px; +} + +#btn-to-top > .up-arrow:after { + content: url(go-up-symbolic.png); +} + +/********************************* + * SIDEBAR + *********************************/ +.sidebar { + scrollbar-width: thin; + background: var(--sidebar-bg); + border-right: 1px solid var(--sidebar-bg); + min-width: 35ch; + padding: var(--sidebar-padding); + color: var(--sidebar-text-color); + position: sticky; + top: 0; + z-index: 2; + height: 100vh; + overflow-y: auto; +} + +.sidebar a, +.sidebar a:hover { + text-decoration: none; +} + +.sidebar .logo { + display: block; + margin: 1rem auto 1.2rem auto; + width: 50%; +} + +.sidebar .section > ul > li { + margin-right: -10px; +} + +.sidebar .section h3, .sidebar .section h5 { + text-align: left; + padding-left: 0.5rem; + padding-right: 0.5rem; + font-weight: var(--heading-weight); +} + +.sidebar .section h5 { + font-size: 1em; + margin-bottom: 0.5em; +} + +.sidebar .namespace > h3 { + margin-bottom: 0; + padding: 0; + font-size: 1.5em; + text-transform: uppercase; + font-weight: 900; +} + +.sidebar .namespace > p { + font-size: 0.9em; + opacity: 0.8; + padding-left: 0.5rem; +} + +.sidebar .section { + padding-left: 0.5rem; + padding-right: 0.5rem; + font-size: 80%; +} + +.sidebar .links { + margin-bottom: 1rem; +} + +.sidebar .section a { + display: block; + text-overflow: ellipsis; + overflow: hidden; + transition: background-color 150ms ease; + color: var(--sidebar-primary); + border-radius: var(--box-radius); + padding: 0.2rem 0.5rem; + margin-bottom: 0.15rem; +} + +.sidebar .section a:hover { + background-color: var(--sidebar-hover-bg); + color: var(--sidebar-text-color); +} + +.sidebar .section a.current { + background-color: var(--sidebar-selected-bg); + color: white; +} + +.sidebar .search { + box-sizing: border-box; + text-align: center; +} + +.sidebar .search input[type="text"] { + border-color: transparent; + width: 100%; + border: 1px solid #ccc; + border-radius: 50px; + padding: 6px 12px; + display: inline-block; + font-size: 14px; + box-shadow: inset 0 1px 3px #ddd; + transition: border .3s linear; +} + +.toc { + display: block; + margin-top: 2em; + z-index: 3; + min-width: 15ch; + font-size: 80%; +} + +.toc nav { + margin-left: 2em; + margin-right: 2em; +} + +#toc-title { + text-transform: uppercase; + font-weight: var(--heading-weight); +} + +.toc-list { + list-style-type: none; + margin: 0; + padding-left: 0; +} + +.toc-list-item { + padding-top: .25em; +} + ++ul.toc-list > ul.toc-list { ++ padding-left: 1em; ++} ++ +/********************************* + * ANCHORS & TOGGLERS + *********************************/ +.anchor, +.md-anchor { + position: relative; + z-index: 1; + text-decoration: none; + padding: 0 0.5em; + color: var(--text-color-muted); +} + +.anchor:hover, +.md-anchor:hover { + color: var(--primary); +} + +.anchor:not([href]), +.md-anchor:not([href]) { + display: none; +} + +.anchor:before, +.md-anchor:before { + content: var(--anchor-sign); /*'§'*/ +} + +.toggle-wrapper { + position: relative; +} + +.collapse-toggle { + position: absolute; + right: 0; + left: -2em; + white-space: nowrap; + text-decoration: none; + font-size: 0.8em; + color: transparent; +} + +.collapse-toggle > .inner { + width: 1rem; + height: 1rem; + border-radius: calc(0.75 * var(--box-radius)); + display: inline-flex; + justify-content: center; + align-items: center; + text-align: center; + vertical-align: middle; + color: var(--box-text-color); + position: relative; + left: -0.25rem; + font-family: monospace; + font-size: 0.7rem; + font-weight: bold; + background: var(--box-bg); +} + +/********************************* + * UTILITY + *********************************/ +.deprecated > h6 > a { + opacity: 0.65; +} + +.hidden { + display: none !important; +} + +/********************************* + * CONTENT STYLING + *********************************/ +.content { + padding: 2em 4em; + overflow: visible; - max-width: calc(var(--prefered-content-width) + 8em); ++ max-width: calc(var(--preferred-content-width) + 8em); +} + +.content table:not(.table-display) { + border-spacing: 0 0.25rem; +} + +.content td { + vertical-align: top; +} + +.content td:first-child { + padding-right: 1rem; +} + +.content td p:first-child { + margin-top: 0; +} + +.content td h1, .content td h2 { + margin-left: 0; + font-size: 1.1em; +} + +.content tr:first-child td { + border-top: 0; +} + +kbd { + display: inline-block; - padding: 3px 5px; - font: 15px monospace; ++ padding: 8px; ++ font: 10px monospace; + line-height: 10px; + vertical-align: middle; - border: solid 1px; - border-radius: 3px; - box-shadow: inset 0 -1px 0; ++ border: none; ++ border-radius: 6px; ++ box-shadow: 0 0 3px rgba(0,0,0,0.3); ++ margin: 3px; ++ background-color: var(--box-bg); + cursor: default; +} + +.content tr:first-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.35); +} + +.content td { + vertical-align: top; +} + +.content td:first-child { + padding-right: 1rem; +} + +.content td p:first-child { + margin-top: 0; +} + +.content td h4, .content td h5 { + margin-left: 0; + font-size: 1.1em; +} + +.content tr:first-child td { + border-top: 0; +} + +.srclink { + color: var(--text-color-muted); + font-size: 1rem; + font-weight: var(--body-font-weight); + flex-grow: 0; + text-decoration: none; + margin-left: auto; + position: relative; + z-index: 1; +} + +.meta tr > td:not(:first-child) { + width: 100%; +} + +.meta tr > td:first-child { + white-space: nowrap; +} + +/********************************* + * DOCBLOCK STYLING + *********************************/ +.docblock { + position: relative; + text-align: left; +} + +.docblock h1 { + font-size: calc(1.3em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h2 { + font-size: calc(1.2em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h3 { + font-size: calc(1.1em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h4 { + font-size: calc(1.05em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h1, +.docblock h2, +.docblock h3, +.docblock h4, +.docblock h5, +.docblock h6 { + color: var(--heading-docblock-color) +} + +.docblock table { + margin: .25em 0; + max-width: 100%; + font-size: var(--table-font-size); +} + +.docblock table td { + padding: .25em; +} + +.docblock table th { + padding: .25em; + text-align: left; + font-family: var(--heading-table-font-family); + font-weight: var(--heading-table-weight); +} + +.docblock table tr th:first-child, +.docblock table tr td:first-child { + padding-left: 0; +} + +.docblock table tr th:last-child, +.docblock table tr td:last-child { + padding-right: 0; +} + +table.enum-members, +table.results { + border-radius: var(--box-radius); + border: 1px solid var(--text-color-muted); + border-spacing: 0 0 !important; + font-size: 80%; +} + +table.enum-members tr th, +table.results tr th { + border-top-color: var(--body-bg); + background-color: var(--box-bg); + border-bottom: 1px solid var(--text-color-muted); +} + +table.enum-members tr th:first-child, +table.enum-members tr td:first-child { + min-width: 25em; + padding-left: .5em; +} + +table.results tr th:first-child, +table.results tr td:first-child { + padding-left: .5em; +} + +table.enum-members tr th:last-child, +table.enum-members tr td:last-child, +table.results tr th:last-child, +table.results tr td:last-child { + max-width: 35em; + padding-right: .5em; +} + +table.results tr td code { + font-size: 100%; +} + +table.arguments tr td, +table.returns tr td { + color: var(--text-color-muted); +} + +table.arguments tr td:first-child, +table.returns tr td:first-child { + min-width: 12em; +} + +table.arguments tr.arg-name td, +table.arguments tr.arg-description td, +table.returns tr.arg-name td, +table.returns tr.arg-description td { + color: var(--text-color); +} + +.docblock ul li, +.docblock ol li { + padding-top: 0.15rem; + padding-bottom: 0.15rem; +} + +.docblock ul.type { + list-style: none; +} + +.docblock ul.type li::before { + content: "»"; + color: var(--text-color); + display: inline-block; + width: 1em; + margin-left: -1em; +} + +.docblock .codehilite { + position: relative; +} +.docblock .codehilite > .copy-button { + position: absolute; + top: 0; + right: 0; + + border: none; + background: none; + + margin: var(--box-padding); + cursor: pointer; +} + +.docblock .codehilite > .copy-button { + transition: background-color 150ms ease; + color: var(--primary); + border-radius: var(--box-radius); + padding: 0.2rem 0.5rem; + margin: var(--box-padding); +} + +.docblock .codehilite > .copy-button:hover { + background-color: var(--sidebar-hover-bg); + color: var(--text-color); +} + +.docblock .codehilite > .copy-button:active { + background-color: var(--primary); +} + + +/************************************************************* + SYMBOLS +**************************************************************/ +.symbol, +.constructors h6, +.methods h6, +.signals h6, +.properties h6, +.type-funcs h6, +.implements a, +.ancestors a, +.descendants a, +.implementations a, +.sidebar .links a +.toc a +{ + font-family: var(--symbol-font-family); + font-size: calc(1em * var(--symbol-font-scale)); + font-weight: var(--symbol-font-weight); +} + +/************************** + RESPONSIVENESS +**************************/ +@media (max-width: 700px) { + body { + padding-top: 0px; + } + + #body-wrapper { + flex-direction: column; + overflow: hidden; + } + + #main { + width: 100%; + padding: 2rem; + } + + .sidebar { + position: static; + height: initial; + order: 1; + } + + .toc { + display: hidden; + } +}